All Projects → vitorabner → Decoraki

vitorabner / Decoraki

Licence: mit
🏠 3D Simulator for interior design

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Decoraki

Giojs
🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
Stars: ✭ 1,528 (+1289.09%)
Mutual labels:  webgl, threejs
Solar System Threejs
The Solar System: Modeled to scale with Three.js
Stars: ✭ 107 (-2.73%)
Mutual labels:  webgl, threejs
Sketch Threejs
Interactive sketches made with three.js.
Stars: ✭ 1,227 (+1015.45%)
Mutual labels:  webgl, threejs
Vimeo Depth Player
A WebVR volumetric video renderer that uses color-depth based videos hosted on Vimeo.
Stars: ✭ 65 (-40.91%)
Mutual labels:  webgl, threejs
Hlviewer.js
Half-Life in WebGL
Stars: ✭ 93 (-15.45%)
Mutual labels:  webgl, threejs
Webgl Globes
Stars: ✭ 66 (-40%)
Mutual labels:  webgl, threejs
Three Forcegraph
Force-directed graph as a ThreeJS 3d object
Stars: ✭ 84 (-23.64%)
Mutual labels:  webgl, threejs
Shadoweditor
Cross-platform 3D scene editor based on three.js, golang and mongodb for desktop and web. https://tengge1.github.io/ShadowEditor-examples/
Stars: ✭ 1,060 (+863.64%)
Mutual labels:  webgl, threejs
Sky Shader
☀️ WebGL sky and sun shader editor
Stars: ✭ 90 (-18.18%)
Mutual labels:  webgl, threejs
Ternion
A simple starter kit to prototype quickly your ideas with Three.js
Stars: ✭ 89 (-19.09%)
Mutual labels:  webgl, threejs
React 3d Viewer
A 3D model viewer component based on react.js 一个基于react.js的组件化3d模型查看工具
Stars: ✭ 100 (-9.09%)
Mutual labels:  webgl, threejs
Partykals
Particles system library for THREE.js
Stars: ✭ 109 (-0.91%)
Mutual labels:  webgl, threejs
Aframe Vimeo Component
Stream Vimeo videos into WebVR.
Stars: ✭ 62 (-43.64%)
Mutual labels:  webgl, threejs
Water
waterdrop 3D 《三体 · 水滴计划》
Stars: ✭ 74 (-32.73%)
Mutual labels:  webgl, threejs
Sunset Cyberspace
🎮👾Retro-runner Game made in Expo, Three.js, OpenGL, WebGL, Tween. 🕹
Stars: ✭ 54 (-50.91%)
Mutual labels:  webgl, threejs
Lol Heroes
LOL 3D gallery based on WebGL
Stars: ✭ 82 (-25.45%)
Mutual labels:  webgl, threejs
001
draw_code.001 — ThreeJS, WebGL & GLSL
Stars: ✭ 48 (-56.36%)
Mutual labels:  webgl, threejs
Solarsys
Realistic Solar System simulation with three.js
Stars: ✭ 49 (-55.45%)
Mutual labels:  webgl, threejs
Threejs Starter
Stars: ✭ 89 (-19.09%)
Mutual labels:  webgl, threejs
Fe Daily Record
📚前端书籍汇集点 + 每日好文推荐 + 公开课学习资料 + 各种大会资料
Stars: ✭ 94 (-14.55%)
Mutual labels:  webgl, threejs

Decoraki Logo

3D Simulator for interior design - http://www.decoraki.co

Decoraki

Build Status

Decoraki is a 3D simulator that aims to help people to decorate and furnish their homes, providing them a way to inspire, combine products and bring their ideias to life.

Install

First install all dependecies

npm install

And then run the project

npm run dev

File format

Decoraki only supports 3D collada(.dae) format. If you have another 3D file format, don't worry, it's very easy to convert. You can use softwares like SketchUp, Blender and Collada Exporter for Unity3D.

How it works

First we need to create a model(you can see all examples in src/helpers/decoraki.repository.js):

    var sofa = {
        model: 'Sofa01.dae',
        lightMap: 'Sofa01_LM.jpg',
        folderName: 'Sofa01',
        descriptionName: 'Kael The Invoker',
        descriptionImage: 'invoker.jpg',
        moveType: 'floor',
        category: 'furniture'
    };

Two properties are important: category and moveType.

The category property can be a room, furniture or texture, it defines the model's behavior. For example: If the model's category is a furniture you can drag, rotate and delete.

The moveType property defines if an object can be dragged in wall, floor or both.

To insert the sofa in simulator:

    simulator.insertObject(sofa);

Browser Support

Unfortunately WebGL isn't fully supported by all browser, but as you can see here Chrome(45+) is the best browser to run this project.

Contributing

If you want to colaborate check the project's issues.

  1. Fork the repository
  2. Create a new branch
  3. Implement your solution
  4. Commit
  5. Open a Pull Request

Remeber: Always run lint and test. If you change the core system update the tests.

Thanks!

License

MIT License © Vitor Abner

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].