enable3d / enable3d-website Goto Github PK

View Code? Open in Web Editor NEW

130.0 130.0 95.0 49.39 MB

🌐 Contains the website and all examples.

License: MIT License

CSS 0.79% HTML 58.50% JavaScript 40.70%

enable3d-website's Introduction

3D for Web, Mobile and PC

Written in TypeScript, uses three.js and ammo.js, brings physics to your three.js project and the third dimension to your Phaser 3 game.

Website • Packages • License

Website

Visit the enable3d website for documentation and examples.

Dependencies

Enable3d now depends on the dependencies below.

{
  "@types/matter-js": "0.17.6",
  "@types/three": "0.161.2",
  "matter-js": "0.17.1",
  "phaser": "^3.55.2",
  "poly-decomp": "^0.3.0",
  "three": "0.161.0",
  "three-csg-ts": "^3.1.10"
}

(But it also works on latest Phaser versions like 3.60 & 3.70)

Useful Packages

Some useful packages are now available on npm:

Package	Description
`audio`	🎵 Audio library for the Web Audio API.
`keyboard`	⌨️ Handling of keyboard events.
`tap`	🖱️ Handling of user interactions such as mouse, touch and pointer events.

Packages

This project is split into many separate npm packages. To better understand the structure and relationships between the packages, see the diagram.

enable3d A standalone 3D Framework on top of three-graphics.
@enable3d/phaser-extension Allows to integrate the three-graphics package into your Phaser 3 Games.
@enable3d/ammo-physics The core Physics package. Wraps ammo.js physics.
@enable3d/ammo-on-nodejs Enables you to run ammo.js on your node.js server.
@enable3d/three-graphics The core 3D Objects package. A beautiful API for many three.js elements.
@enable3d/three-wrapper Wraps the three.js library and some of its examples in one package.
@enable3d/common Some common code used by almost every package.

Development Server

Are you used to use Live Server? Check out Five Server instead!

Multiplayer Game

Want to make a Real-Time Multiplayer Game? Check out geckos.io.

License

Licensed under LGPL-3.0
Copyright (c) 2022, Yannick Deubel
Please have a look at the LICENSE for more details.

enable3d-website's People

Contributors

Stargazers

Watchers

Forkers

mary-tyler-moore yuriguernsey maryasych hexafield voigtito hite77 supremekoirala armandatt apoorva1823000 uddeshaya3 ramjansanti yash2120 kunalsenwebdevloper tahmid098 himanshu-prajapati puttam1907 2shuux shwetashrei mahaveer173 yashsinghyash tusharthakkar13 mpsapps samuellhombal saifveesar mandliya456 nishantcoedtu pretechscience devendranath-maddula bikramdas04 nikhil5511 rr19509 aditya-kapadiya shhivam005 ravianandfbg shrood18 shekhardhangar atharva975 codewithbaigs harshoswal michaelked jcguarinpenaranda wgmilleriii makingbrowsergames ferretcode n8python creds-club jaysun025 jairsnow alphaclon quaternion1337 soumyg e-a-n aegis1980 muqtadirbillah aasim-syed antonio-r1 gonnavis nicolads93 zacha3070 akeboshi-min slaschinski charyungkim-github neepurna krutoo krpaul do-wa colorstheforce antoxapro burtonia yyynnn bleuscyther joemichaelpower ehtick aliasprosch oomaer baoquylan choux-redbrick marswill1 akeboshi1 ronlnguru dalt4 maxscharwath anskhanson theaceofthespade jasminesarin vitalspace tim-redbrick remurid aboud79 study-game-engines ubibakarsoft mrmoonkr lehuyvu7971208

enable3d-website's Issues

Add Toonks to the projects section

See enable3d/enable3d#342

The TS project fails to reference enable3d

Describe the bug
When I installed [email protected] in NPM, I just used A simple line of code to determine if the code would work.
But it went horribly wrong with the warning

In this file path:'./src/demo.ts'

import { Project } from 'enable3d'; console.log(Project)

package.json like this: `"scripts": { "build": "webpack", "serve": "webpack-dev-server --config webpack.config.js" }, "dependencies": { "enable3d": "^0.25.2", "typescript": "^3.9.7" }, "devDependencies": { "ts-loader": "^6.2.1", "webpack": "^4.41.5", "webpack-cli": "^3.3.10", "webpack-dev-server": "^3.10.1" },`

and webpack.config.js like this:

const path = require('path'); module.exports = { entry: { demo: './src/demo.ts' }, mode: 'production', module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/ } ] }, resolve: { extensions: ['.tsx', '.ts', '.js'] }, output: { filename: "[name].js", path: path.resolve(__dirname, 'dcp-lib'), library: 'x-x', [git-bug-project.zip](https://github.com/enable3d/enable3d-website/files/9280748/git-bug-project.zip) libraryTarget: 'umd', }, devServer: { contentBase: path.join(__dirname, ''), compress: true, port: 8899 } }

Have a question?
The whole project is very simple, you can download the attachments and run the project with npm run serve after installing with npm i.

https://github.com/enable3d/enable3d-website/files/9280773/git-bug-project.zip

git-bug-project.zip

Camera lerping example not working

https://enable3d.io/examples/camera-lerping-and-player-controls.html

I'm pretty sure it's because of the "?" on line 97:

        update(time, delta) {
          if (typeof this.player?.body === 'undefined') return

          this.third.camera.position.lerp(

How do I inject Phaser code into Enable3D in a typescript project

Hi, I created the typescript project from here:https://github.com/enable3d/threejs-ammojs-webpack-example,

but I want to use the ‘First Person Shooter’ example to add to the project,
how can I inject Phaser's code so that the Scene has the input properties.
Let me use the following code：

my-project.zip

TODOs

Skeleton based example.
Transform Controls example.

unexpected resizing and changing possition of fbx object

Hello,

I have made simple demo scene of my project, using enable3d as extension for Phaser.
The problem is the fbx object 'ignore' a real canvas size.

When it tries to change the distance between chrome dev tools and canvas - the fbx object, after refreshing the page, changes its position as well as its scale (although the canvas has rigidly declared dimensions).

Screenshots:

https://imgur.com/a/NjhcQDV

ammo.wasm.wasm. URL scheme "file" is not supported.

Fetch API cannot load file:///F:/lib/ammo.wasm.wasm. URL scheme "file" is not supported.
I want to test locally, but the ammo.wasm.wasm file cannot be loaded, can anyone help me! ?