Forked from: Crane_MolTech's Raphael.js のTips00(総合) View Diff (19)

Fork
0
Fav
0
View
145
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 20 lines
  • HTML 1 lines
  • CSS 10 lines
要素を複数配置したとき、色をそれぞれ何色にすべきか悩みますね。カラーパレットの色の相性で選んでも良いですが、試作の段階ではそこまで色の調和を考慮しなくても良い場合がほとんどです。

そこで私の場合は、予めランダムに発生させた色をリスト化し、そこから適当に拾って使っています。あるいは色自体をランダム関数で指定しています。

リスト化は具体的にはJSコードにある rdm_color() で20色作ってここから拾ってます。
#5b6bca,#6d8742,#eac7f7,#b796f8,#2ca08a,#5a8ac1,#c4e274,#a01bad,#468d00,#4718a2 : 10色
#6d57d4,#9f1239,#f8e63d,#49f0bb,#ac8163,#f4a5e,#9c5ac6,#eea869,#3c2318,#f08b0a : 10色

また塗りならコードを fill:rdm_color() として自動的にランダムな色を適用しています。ただしこの方法は呼び出される度に違う色になるため再現性はありません。
  • Raphael.js のTips01(色について)
  • Raphael 1.5.2
  • Raphael.js のTips01(色について)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags