Code Monkey home page Code Monkey logo

wonder-editor's Introduction

Wonder-Editor

Build Status Commitizen friendly Maintainability Test Coverage GitHub release GitHub Release Date

editor

Wonder-Editor is a PWA online web 3D editor which use Wonder.js engine.

Feature

  • PWA
  • Scene Tree
  • Run/Stop
  • Transform Gizmo
  • Hotkey
  • Redo/Undo
  • Console
  • Asset
  • Import/Export
  • Publish

Document

  • Document

Getting Help

Usage

Support Environment

PC

  • Chrome

  • 360 browser(v10.0)

  • qq browser(v10.4)

How to build

sudo yarn install //execute in project root dir

for Chinese users

npm install -g cyarn --registry=https://registry.npm.taobao.org

cyarn install //execute in project root dir

License

Apache 2.0 Licence

wonder-editor's People

Contributors

amyorz avatar yyc-git avatar zzmingo avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

zzmingo newlysoft restarterman devopsmi visualsj thinklib phlahut jareguo leaderyangzi whztt07 hengle dingyf0523 alan-love jxp4531 eity0323 ihaiucom ericjxl2013 helojo wangscript007 amengpp lm165678 michaelzhou-new seasky100 halowhitehatlinux lp249839965 erictop3 bluestone029 sucresk zuiyueyin indeexx eastergit adcb4321 cellinlab uwitec googletoken hollekitty gongzhihong mu-l mash1570 therealdigitalmaster wooodhead alexanderinum zz1024 swordlegend lpwwpl

wonder-editor's Issues

the gl viewport data is wrong

environment

editor version

v0.10.0

engine version

v1.0.0-alpha.18.5

description

image

as the above screenshot, edit engine canvas's actual size is 927.5 * 291.41, but the setted viewport data(set when exec init pipeline) is 1855 * 427(they should be the same!)

reason

the setted viewport data is wrong

solution

the setted viewport data is full screen data, but it should:
1.set viewport after react dom didmout
2.the setted viewport data should be the canvas css width,height

import and export scene

use .wonder_project_package package(zip files) to include all files

include:
.wd
.bin
.png/.jpg
wd.js
.html

architecture demo

  • engine extend plugin
  • engine extend component
  • engine middleware
  • imgui instead of react
  • event driven
  • editor extend ui
  • editor extend event handle
  • editor middleware
  • extend imgui(skin, ...)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.