{"id":25509158,"url":"https://github.com/aslepushko/rnder","last_synced_at":"2025-11-22T14:30:14.803Z","repository":{"id":158998707,"uuid":"634363556","full_name":"ASlepushko/rnder","owner":"ASlepushko","description":null,"archived":false,"fork":false,"pushed_at":"2023-04-29T22:13:51.000Z","size":26074,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-18T21:41:03.393Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ASlepushko.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-29T21:52:00.000Z","updated_at":"2023-04-29T21:53:21.000Z","dependencies_parsed_at":null,"dependency_job_id":"a01e8ece-9dc5-404e-bd94-1d18bc288618","html_url":"https://github.com/ASlepushko/rnder","commit_stats":null,"previous_names":["aslepushko/rnder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ASlepushko%2Frnder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ASlepushko%2Frnder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ASlepushko%2Frnder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ASlepushko%2Frnder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ASlepushko","download_url":"https://codeload.github.com/ASlepushko/rnder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239627267,"owners_count":19670844,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-19T08:49:38.298Z","updated_at":"2025-11-22T14:30:14.752Z","avatar_url":"https://github.com/ASlepushko.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Boilerplate Overview\n\nWhen run, the boilerplate shows a green wireframe rotating cube, with OrbitControls included.\n\n[Example](https://sbcode.net/threejs/threejs-typescript-boilerplate/)\n\nIt uses webpack-dev-server for the development build, and NodeJS with Express for production build.\n\nBoth server and client projects are written in TypeScript.\n\n![](docs/screengrab1.jpg)\n\n## Installing\n\n1. Install dependencies\n\n```bash\nnpm install\n```\n\n5. Start it\n\n```bash\nnpm run dev\n```\n\n6. Visit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\nYou should see a rotating green wireframe cube, and be able to rotate it further with your mouse.\n\n```bash\ncode .\n```\n\n## Branches\n\nThe default **master** branch does not include **Stats.js**, **Dat.GUI** or **Socket.IO**\n\n### stats.js\n\nTo get a version of the boilerplate that includes the **Stats.js** panel then,\n\n```bash\ngit checkout stats\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With Stats.js](docs/with-stats.jpg)\n\n### DAT.gui\n\nTo get a version of the boilerplate that includes the **Stats** and the **Dat.GUI** panels then,\n\n```bash\ngit checkout statsgui\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With Stats.js and Dat.GUI](docs/with-stats-gui.jpg)\n\n### Socket.IO\n\nTo get a version of the boilerplate that includes **Socket.IO** then,\n\n```bash\ngit checkout socketio\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With SocketIO](docs/with-socketio.jpg)\n\nOpen 2 or more browsers, and you can move the cube around and rotate it. You will see the cube mirror itself in the other browsers. Each browser controls there own cube.\n\n### Cannon.js\n\nTo get a version of the boilerplate that includes **Cannon.js** then\n\n```bash\ngit checkout cannonjs\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With Cannon.js](docs/with-cannonjs.jpg)\n\n### Webcam as Texture\n\nTo get a version of the boilerplate that uses your webcam as a texture then\n\n```bash\ngit checkout webcam\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With Webcam as Texture](docs/with-webcam.jpg)\n\n### BSC5 Bright Star Catalog\n\nTo get a version of the boilerplate that shows the BSC5 Bright Star Catalog Data with Constellations\n\n```bash\ngit checkout bsc5\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With BSC5 Bright Star Catalog](docs/with-bsc5.jpg)\n\n### The Ball Game\n\nThe Ball Game is an example of a multiplayer game using Threejs, SocketIO and server side Cannonjs.\n\nTo get The Ball Game branch\n\n```bash\ngit checkout ballgame\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![The Ball Game](docs/theballgame.jpg)\n\n### Annotations\n\nTo get a version of the boilerplate that demonstrates annotations\n\n```bash\ngit checkout annotations\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With Annotations](docs/annotations.jpg)\n\n### Constructive Solid Geometry\n\nTo get a version of the boilerplate that demonstrates Constructive Solid Geometry (CSG)\n\n```bash\ngit checkout csg\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With CSG](docs/with-csg.jpg)\n\n### WebXR\n\nTo get a version of the boilerplate that demonstrates WebXR\n\n```bash\ngit checkout webxr\nnpm install\nnpm run dev\n```\n\nVisit [http://127.0.0.1:8080](http://127.0.0.1:8080)\n\n![With WebXR](docs/with-webxr.jpg)\n\n---\n\n## ThreeJS and TypeScript Course Introduction Video\n\nThis boilerplate was created as a sub project of my [ThreeJS and TypeScript Course](https://www.udemy.com/course/threejs-tutorials/?referralCode=4C7E1DE91C3E42F69D0F) and is only just the beginning of what you will create.\n\n[![ThreeJS and TypeScript Course](docs/threejs-course-image.png)](https://youtu.be/fS4H7gm7gK4)\n\n## Design Patterns In TypeScript\n\nTo help support my TypeScript projects, please check out my book titled **Design Patterns in TypeScript**.\n\n\u003cimg style=\"float:left; min-width:150px;\" src=\"./docs/dp-in-typescript.jpg\"\u003e\n\n\u0026nbsp;\u003ca href=\"https://www.amazon.com/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_us.gif\"\u003e\u0026nbsp; https://www.amazon.com/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.co.uk/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_uk.gif\"\u003e\u0026nbsp; https://www.amazon.co.uk/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.in/dp/B094716FD6\"\u003e\u003cimg src=\"./docs/flag_in.gif\"\u003e\u0026nbsp; https://www.amazon.in/dp/B094716FD6\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.de/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_de.gif\"\u003e\u0026nbsp; https://www.amazon.de/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.fr/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_fr.gif\"\u003e\u0026nbsp; https://www.amazon.fr/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.es/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_es.gif\"\u003e\u0026nbsp; https://www.amazon.es/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.it/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_it.gif\"\u003e\u0026nbsp; https://www.amazon.it/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.co.jp/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_jp.gif\"\u003e\u0026nbsp; https://www.amazon.co.jp/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.ca/dp/B0948BCH24\"\u003e\u003cimg src=\"./docs/flag_ca.gif\"\u003e\u0026nbsp; https://www.amazon.ca/dp/B0948BCH24\u003c/a\u003e\u003cbr/\u003e\n\u0026nbsp;\u003ca href=\"https://www.amazon.com.au/dp/B094716FD6\"\u003e\u003cimg src=\"./docs/flag_au.gif\"\u003e\u0026nbsp; https://www.amazon.com.au/dp/B094716FD6\u003c/a\u003e\n\n(ASIN : B0948BCH24 / B094716FD6)\n\n## Games Created from this Boilerplate\n\n### Straight Car (SC)\n\nDemo : [https://sc.sbcode.net/](https://sc.sbcode.net/)\n\nGitHub : [https://github.com/Sean-Bradley/Straight-Car](https://github.com/Sean-Bradley/Straight-Car)\n\n![Straight Car](/docs/sc-demo.gif)\n\n### Ball-VR\n\nDemo : [https://ball-vr.sbcode.net/](https://ball-vr.sbcode.net/)\n\nGitHub : [https://github.com/Sean-Bradley/Ball-VR](https://github.com/Sean-Bradley/Ball-VR)\n\n![Ball-VR](/docs/ball-vr-demo.gif)\n\n## First Car Shooter (FCS)\n\nDemo : [https://fcs.sbcode.net/](https://fcs.sbcode.net/)\n\nGitHub : [https://github.com/Sean-Bradley/First-Car-Shooter](https://github.com/Sean-Bradley/First-Car-Shooter)\n\n![First Car Shooter](/docs/fcs-demo.gif)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faslepushko%2Frnder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faslepushko%2Frnder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faslepushko%2Frnder/lists"}