
WebGL
文章平均质量分 50
小陀螺_Coder
个人主页:https://chenzhibin29.github.io/
展开
-
A-Frame 前端WebVR以及后端Flask服务器搭建(一)
最近一直都在搞这些事,坑太多了一个一个去填,收获也很多。做出了一定成果及时总结养成好习惯。A-Frame这个框架基于webGL中three.js模块,目前踩的坑来看,这是一个未完成的框架,我愿意与它共同成长。明天再来写。。。...原创 2018-06-29 19:59:07 · 685 阅读 · 0 评论 -
HTML5-JavaScript概览
JavaScript(简称JS)的设计本意是想给网页加入一些交互动效,对文档的动态处理,操作浏览器(BOM)以及和服务器之间的通信(Ajax)等。基本概念变量 可以先声明,在赋值,也可以直接赋值。(最好先声明) 一个合法的变量名只能包含字母、数字、$符号和下划线。var mood;var age;mood="happy";//直接赋值name="xiaoming";/...原创 2018-06-20 10:58:28 · 361 阅读 · 0 评论 -
A-Frame 前端WebVR以及后端Flask服务器搭建(二)
前面说的只是如何在网页里放置资源,这部分,讲讲交互。总体来说,A-Frame集成了两种交互,第一第二都是基于没有VR设备的交互,分别是模拟鼠标点击交互。第三种就是基于VR手柄的交互。模拟鼠标光标在给相机添加光标: <a-camera> <a-cursor></a-cursor></a-camera&gt原创 2018-12-06 12:46:25 · 490 阅读 · 1 评论 -
A-Frame 前端WebVR以及后端Flask服务器搭建(三)
前端基于 webGL的框架基本已经搭建起来了,服务器我们用简单实用的Flask来实现。首先,配置python环境,最好下载一款IDE,推荐PyCharm,安装Flask的包。 完成之后,就可以创建服务器了。 创建一个py文件,配置python环境:# 首先引入了Flask包,并创建一个Web应用的实例”app”from flask import Flaskapp = Flask...原创 2018-07-11 10:17:22 · 550 阅读 · 0 评论 -
blender动画制作
blender作为一款开源的基于python的三维建模软件,用起来感觉很轻盈,是我要的效果。 基于它可以轻易做出很棒的动画:制作关于属性(position,roration,scale)变换动画1.移动模型到初始位置,调整好摄像机角度,模型大小、方向。 下方设置帧的总长,当前帧设置为1,按i调出关键帧菜单,选择该动画片段基于什么属性变换的。 2. 设置当前帧为下一个动作的临界...原创 2018-07-11 11:45:38 · 5003 阅读 · 0 评论 -
A-Frame 前端WebVR以及后端Flask服务器搭建(二)
前面说的只是如何在网页里放置资源,这部分,讲讲交互。总体来说,A-Frame集成了两种交互,第一第二都是基于没有VR设备的交互,分别是模拟鼠标点击交互。第三种就是基于VR手柄的交互。模拟鼠标光标在给相机添加光标: <a-camera> <a-cursor></a-cursor>&amp原创 2018-07-06 19:23:28 · 641 阅读 · 0 评论