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
私なりのAIのご紹介 [2024年版]
qt_luigi
1
120
KubeCon NA 2024 Recap: How to Move from Ingress to Gateway API with Minimal Hassle
ysakotch
0
200
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
470
フロントエンド設計にモブ設計を導入してみた / 20241212_cloudsign_TechFrontMeetup
bengo4com
0
1.9k
CustomCopを使ってMongoidのコーディングルールを整えてみた
jinoketani
0
220
ハイテク休憩
sat
PRO
2
140
Jetpack Composeで始めるServer Cache State
ogaclejapan
2
170
Amazon VPC Lattice 最新アップデート紹介 - PrivateLink も似たようなアップデートあったけど違いとは
bigmuramura
0
190
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
180
LINEスキマニにおけるフロントエンド開発
lycorptech_jp
PRO
0
330
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
420
2024年にチャレンジしたことを振り返るぞ
mitchan
0
130

Featured

See All Featured
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Agile that works and the tools we love
rasmusluckow
328
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
How STYLIGHT went responsive
nonsquared
95
5.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
2
170
Code Review Best Practice
trishagee
65
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
510
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
290
A better future with KSS
kneath
238
17k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k

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