実現したいこと
光の三原色が構成するアナログ時計を連続秒針タイプで表現したい。
発生している問題・分からないこと
アナログ時計の分針(赤色)の動きに飛ぶ箇所があるので、スムーズに回転させたい。
時針(青色)も正しい動きをしているか不明です。
ご教授の程、宜しくお願い致します。
該当のソースコード
sketch.js
1const circleSize = 550 2 3function setup() { 4 createCanvas(windowWidth, windowHeight); 5 background(0); 6} 7 8let hours, minutes, seconds,milliseconds; 9 10function draw() { 11 noStroke(); 12 translate(width/2, height/2); 13 rotate(PI); 14 15blendMode(BLEND); 16 background(0); 17 blendMode(DIFFERENCE); 18 fill(255,255,255,255); 19 noStroke(); 20 21 showTime(hour(), minute(), millis()); 22} 23 24function showTime(hours, minutes, millis){ 25 26//hour hand 27 push(); 28 fill(0, 0, 255); 29 rotate(radians(30*hours + 0.5*minutes +90)); 30 circle(width/4, (height/4 - circleSize/4) ,circleSize); 31 pop(); 32//minute hand 33 push(); 34 fill(255, 0, 0); 35 rotate(radians(6*minutes + 0.0001*millis +90)); 36 circle(width/4, (height/4 - circleSize/4) ,circleSize); 37 pop(); 38//second hand 39 push(); 40 fill(0, 255, 0); 41 rotate(radians(6 * 0.001 * millis+90)); 42 circle(width/4, (height/4 - circleSize/4) ,circleSize); 43 pop(); 44}
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
Processingで連続秒針タイプのアナログ時計を作った経験はあるのですが、blendModeを使用すると動きません。
また、Google検索でProcessingの3や4があるという情報を得たのですが、ダウンロード先にたどり着けませんでした。
補足
宜しくお願いいたします。
![guest](/img/icon/icnUserSample.jpg)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/07/20 10:31