なめらかタイリング

Kon

License: All rights reserved

Fork
3
Fav
0
View
2645
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 174 lines
  • HTML 8 lines
  • CSS 104 lines

操作:

  • サムネをクリック→画像を拡大表示
  • サムネを ctrl+クリック→画像を選択
  • URL を入力して Add ボタン→画像を追加
  • ウィンドウサイズ変更→画像を整列

フルスクリーン表示で、かつ右上の赤い Close Header ボタンを押してからウィンドウサイズの変更を試したほうが、タイリングの挙動がわかりやすいです。

※Chrome, Firefox で動作を確認しました

こういうなめらかにレイアウトしてくれるのが欲しくなって作ってみました。GIGAZINE のトップページなんかがこうなってます。こういうの名前はなんていうんだろう。

もう、今後 JavaScriptを直接書く気はさらさらありません。TypeScript だけあれば十分です。 TypeScriptのソースコード↓

https://github.com/Kon-KDKTN/TilingImageViewer/blob/master/TileFrame.ts

  • なめらかタイリング
  • jQuery v1.8.0
  • なめらかタイリング

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Kon

Author

お前も tsdo.it にしてやろうか!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by