Looking at the Stars.(简称叫我853!

新版网页伪春菜小人设计思路(如果有人想实现的话)

由于在搬弄unity,期间想出了一些不错的想法,如果有人想试一试的话也可以照着我的思路去做,Go it!

  1. 最基本的图片显示,可拖动,带气泡对话交互(气泡不可在屏幕之外显示,影响用户体验)
  2. 附带重力,拖动释放后会自己掉落到屏幕的底部之上。
  3. 当然,在屏幕底部下他会自行行走。
  4. 在自行行走时偶尔也会停止,进行站立,或者坐下。(加分项)
  5. 拖动小人向右/向左快速拖动并松开,小人会随着惯性飞到屏幕右侧/左侧,贴附在屏幕边(也可以像是撞到屏幕边缘后慢慢的向下滑动直到底部停止)
  6. 根据配置(建议json),设置小人使其可以贴附在一些div之上,在div上部行走,在div左部/右部贴附,在div底部贴附/露出小脚。
  7. 与小人交互时一定要停止行走才能进行气泡对话交互!行走时交互必须执行停止行走,贴附时交互可以继续贴附,露出小脚时交互必须掉到屏幕底部后站立才能继续交互。
  8. 当然,小人在屏幕底部时也自行跳到一些div上(优先跳到离他最近,可以跳到的div上,做出一个跳动触碰div的尝试),或者从div上跳回屏幕底部。(加分项)
  9. 使用cookie或LocalStorage记录上一次的位置(加分项)
  10. 使用cookie或LocalStorage记录小人的心情(加分项)
  11. 当然,心情不好或差时会追过去/等鼠标移到小人身上时会吃鼠标(加分项)之后将鼠标样式替换成类似残渣的样式(在互动的情况下尽量不影响体验)在之后的互动下或刷新网页恢复
  12. 在WordPress或Typecho博客下使用cookie或LocalStorage让小人知道你的称呼、邮箱、以及网站(加分项)将信息加密保存在cookie或LocalStorage里(加分项,防止信息被xss盗用)在评论区让小人自动为你填写以上信息(加分项)
  13. 使用live2d(加分项!)可以使用现有的挂件改进(也可以当做加分项,熟悉他人的代码,理解他人的编写思路。)

#(滑稽) 这么有难度的东西应该只有大佬才能实现吧?我很期待有人可以通过这些来提高自己的前端技术,人物素材可以自己找或者是我自己画出来(如果我有时间)

来自网友的0条留言