Forked from: tsmallfield's Hex Pattern Practice #1 View Diff (8)

Hex Pattern Practice #2

tsmallfield

License: MIT License

Fork
4
Fav
28
View
5332
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 282 lines
  • HTML 4 lines
  • CSS 19 lines
スクロール量に応じた画像の切り替え演出検討用モックアップ。

はじめに六角形のパターンをスクロール量に応じて描画し、
その後 <canvas> の描画コンテクストの globalCompositeOperation を 'source-in' に変更した上で
画像を描画しています。

■2枚の写真の切り替えに応用した例はこちら
http://jsdo.it/tsmallfield/6W0p2
  • Hex Pattern Practice #2
  • Hex Pattern Practice #2

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

Favorite by

Forked

sort by