Giter Club home page Giter Club logo

welcome_to_frontend's Introduction

这是个什么玩意儿?

这是一个演示项目,用于将广大不谙世事的同学忽悠进前端开发这个大火坑


准备工作

硬件准备:台式机 * 1,iPad * 1,两者需要在同一个局域网内

把项目 clone 下来之后,进入目录,然后安装相应的 npm 包并启动应用

$ npm install
$ node app.js

请自行确保 80 端口没有被占用

如何演示

在台式机上,用 Chrome 等高级浏览器打开 http://your.ip.address/index.html ,按下 F11 全屏,并向观众展示它的屏幕

开启 iPad 的旋转锁(锁成垂直方向),打开 http://your.ip.address/ipad.html ,推荐用海豚等能够全屏的浏览器

然后就能在 iPad 上看到一个很囧的葫芦,这时候可以随便说两句,比如:“你们猜猜这个福禄里面有什么?”

最后,最关键的一步,把 iPad 做倾倒状,然后就能看到某个球从 iPad 掉入屏幕了,就像这样

说明

此演示的创意完全源自于 @大城小胖 在**的一次演讲,当然品质上离原作差了几十万光年

强烈推荐大家翻墙观看原作 http://www.youtube.com/watch?v=yTa-8JwFO30

由于我基本不了解游戏开发,所以源码写的相当差,此项目只为抛砖引玉

TODO

  1. 葫芦很丑,球更丑,原因是作者不是射鸡师
  2. iPad 倾倒的判断太简单,导致交互效果很差,原因是作者水平更差

welcome_to_frontend's People

Contributors

edokeh avatar

Stargazers

張旭 avatar lichangwei avatar 寒塘渡月 avatar actergame avatar 王佳裕 avatar Liu Ji avatar Aflext Yang avatar  avatar Parzival avatar

Watchers

 avatar James Cloos avatar dao avatar

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.