Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

You've all seen snake, but let's bring it into the fourth D I M E N S I O N!

License

NotificationsYou must be signed in to change notification settings

AndresMWeber/4DSnake

Repository files navigation

4DSnake Promo

"4D" Snake 🐍

StatusIssuesLicense
GitHub code size in bytesGitHub deployments GitHub PagesGitHub deployments Heroku

You've all seen snake, but let's bring it into the true third (not really fourth) D I M E N S I O N!

NPM

📝 Table of Contents

🧐 About

After seeing Snake game after Snake game, I noticed that the trend was whenever it was adapted to 3D it always lacked Y-axis movement! Since I felt that was a total waste of a dimension that set me off to implement a version of it that wasn't constrained to two axes in JavaScript. After findingthree.js I knew I would be able to complete my idea! Without futher ado:

🕹️ How to Play

4D Snake!

Control Scheme

PCMobile
LeftASwipe Left
RightDSwipe Right
UpWSwipe Up
DownSSwipe Down
Rotate CameraLeft ClickDrag Triple Touch
Zoom CameraMouse WheelDrag Double Touch

Installation

You can test and run this just by draggingpublic/index.html into the browser.

Feel free to install using NPM as wellnpm install 4dsnake.

🚀 Deployment

This project is deployed onGithub Pages. By keeping the top levelindex.html file, it will automatically populate to github pages. The only thing you need to do is edit the route to your ownpublic/index.html route hosted on github pages.

You can also host this project on any cloud deployment you like, I choseHeroku for its quick setup. It hosts the project usingNodeJS a simplehttp-server that uses the$PORT environment variable (or defaults to4000).

⛏️ Tech Stack

✍️ Authors

🎉 Acknowledgements

  • @Ironhack for supporting me during the project!
  • @bobbypwang - For keeping me sane throughout the project and helping me brainstorm the idea.
  • @crispinonicky - For helping me out with some radian math!

[8]ページ先頭

©2009-2025 Movatter.jp