Upgrade to Pro — share decks privately, control downloads, hide ads and more …

3D Voxel Worlds with voxel.js

vladikoff
September 10, 2013
Technology
1
1.9k

3D Voxel Worlds with voxel.js

vladikoff

September 10, 2013
Tweet

More Decks by vladikoff

See All by vladikoff
The state of end-to-end testing for modern web apps
vladikoff
0
68
SmashingConf 2020
vladikoff
0
18
dotJS 2019 - Into WebAssembly
vladikoff
0
19
3D + the Web Platform
vladikoff
0
380
7 years of three.js
vladikoff
0
130
node.js @ GA 2015
vladikoff
0
440
JS Testing Stack - Full Stack Toronto 2014
vladikoff
1
810
Node.JS Intro - General Assembly
vladikoff
3
470
CSS Preprocessor Workflow with Grunt
vladikoff
3
2.7k

Other Decks in Technology

See All in Technology
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
3
160
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
複雑なState管理からの脱却
sansantech
PRO
1
160
誰も全体を知らない ～ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
2
230
RubyのWebアプリケーションを50倍速くする方法 / How to Make a Ruby Web Application 50 Times Faster
hogelog
3
950
The Rise of LLMOps
asei
9
1.8k
あなたの知らない Function.prototype.toString() の世界
mizdra
PRO
2
380
テストコード品質を高めるためにMutation Testingライブラリ・Strykerを実戦導入してみた話
ysknsid25
7
2.7k
ドメインの本質を掴む / Get the essence of the domain
sinsoku
2
160
Mastering Quickfix
daisuzu
1
120
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
150
強いチームと開発生産性
onk
PRO
36
12k

Featured

See All Featured
The Invisible Side of Design
smashingmag
298
50k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Building Your Own Lightsaber
phodgson
103
6.1k
The Cult of Friendly URLs
andyhume
78
6k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Producing Creativity
orderedlist
PRO
341
39k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Being A Developer After 40
akosma
87
590k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Large-scale JavaScript Application Architecture
addyosmani
510
110k

Transcript

  1. 3D Worlds with voxel.js Vlad Filippov

  2. @vladikoff

  3. Rendering voxel worlds in web browsers

  4. github.com/voxel

  5. voxel?

  6. voxels!

  7. None

  8. Explore 3D worlds! - blockplot.com

  9. Explore GitHub in 3D - achiveroom.net

  10. voxelbuilder.com

  11. voxel.js plugins & components

  12. More examples at voxeljs.com

  13. Getting Started - creator.voxeljs.com

  14. Getting Started - Your Game! ⬢ git clone http://github.com/maxogden/voxel-hello-world ⬢

    cd voxel-hello-world ⬢ npm install ⬢ npm start ⬢ open your browser on http://localhost:8080

  15. Hello Voxel World!

  16. voxel-hello-world

  17. package.json

  18. beefy test.js:bundle.js browserify test.js > bundle.js

  19. None
  20. None

  21. voxel events

  22. voxel with three.js

  23. voxel.js & jQuery

  24. Into the real world!

  25. Into virtual reality with voxel-oculus Ship Model by @bigfootbro at

    http://www.planetminecraft.com/project/the-ray--a-minecraft-cruise-ship-finished-at-sea/

  26. Thank You! voxeljs.com