妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 11690|回复: 10

妙味课堂 - 3D圆球、3D圆锥、3D柱状、3D柱状扭曲

  [复制链接]
leo 发表于 2015-7-2 16:37:28 | 显示全部楼层 |阅读模式


以下分享内容来自妙味课堂-毕业学员聚会:妙味“第三季”JS班学员欢乐聚会,满满干货,等你来收!


有人反感数学,有人喜爱到死。

无论你怎么看,都无法改变“数学是宇宙的语言”这个事实。
而今,运用在“WEB开发”领域中的数学知识越来越频繁,
因为它带给人们感观体验的,不仅仅是“炫酷、高深”,
更多透露出来的是“灵感、神奇、天马行空、想象无垠……”

就在今天,我们重新摘取了数学中一些几何坐标的知识点,
为大家制作了几个立体图形demo,权当抛砖引玉,
冀望朋友们能重新喜欢上这样一门闪烁着智慧之源的知识、一个描述宇宙的语言!


立体图形截图:《妙味课堂 - 3D圆球、3D圆锥、3D柱状、3D柱状扭曲》


1.jpg

2.jpg

3.jpg

4.jpg


在线地址:http://2013.miaov.com/miaov_demo/3dLable2015/
请在 chorme(谷歌)、firefox(火狐)、safari(苹果) 浏览器下访问


说明:
你可以用鼠标拖拽它,做任意方向移动。当松开时,立体图形会顺着拖拽的方向移动。
你还可以查看立体图形的文字,并且可以随意编辑这些文字。

涉及知识点:
1、CSS3 3D属性
2、勾股定理、球坐标等
3、其他公司推导


a1.jpg    a2.jpg

a3.jpg    a4.jpg



此demo由 “妙味研发团队-王海龙” 独立完成,游戏视频在 “VIP视频库” 中有下载地址。   >>点击查看王海龙之前作品


>>加入VIP会员,获得视频教程
VIP咨询QQ:3202399611、3315116152
VIP咨询手机:18810588941








回复

使用道具 举报

夜韵之弦 发表于 2015-7-29 09:27:29 | 显示全部楼层
这部分的教程出来没有?很久之前有尝试过,没弄出来
回复 支持 反对

使用道具 举报

夜韵之弦 发表于 2015-7-29 10:56:51 | 显示全部楼层
刚看了一下,是用css3写的,跟之前用纯js写的那个标签云不太一样,这种写法我大概有思路了
回复 支持 反对

使用道具 举报

sjn221314 发表于 2015-8-3 10:02:45 | 显示全部楼层
刘大大加油啊,没视频看了
回复 支持 反对

使用道具 举报

sjn221314 发表于 2015-8-21 14:23:18 | 显示全部楼层
视频里有快个人感觉老师讲错了
  1. for (var i=4;i<13;i++)  //i最小为4
  2.         {
  3.                
  4.                 num=i*i+(i+1)*(i+1);
  5.                 if(num>=s.length){
  6.                         layer=(i-1)*2+1;    //党超过的时候,取他前一个的 i;
  7.                         break;
  8.                 }
  9.                 layer=i*2+1;(视频里老师是写layer=(i-1)*2+1)
复制代码
回复 支持 反对

使用道具 举报

sjn221314 发表于 2015-8-21 14:25:13 | 显示全部楼层
num都没有超过s的长度,那么我们应该是取当前的i,为什么要取前一个呢??
回复 支持 反对

使用道具 举报

暴龙 发表于 2015-11-20 10:48:10 | 显示全部楼层
sjn221314 发表于 2015-8-21 14:25
num都没有超过s的长度,那么我们应该是取当前的i,为什么要取前一个呢?? ...

这一块你想的也没有错 因为我设置的最大层数是23 并且上下代码统一都为(i-1)*2+1  如果写i*2+1 最大层数就变成25了
回复 支持 反对

使用道具 举报

873920193 发表于 2015-12-3 13:41:09 | 显示全部楼层
什么时候出视频哦~
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2016-1-15 10:43:34 | 显示全部楼层
回复 支持 反对

使用道具 举报

anhuidebobo 发表于 2016-8-28 00:14:31 | 显示全部楼层
在线地址 已经看不了了,请重新设置下吧
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-2-24 02:59 , Processed in 0.196961 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表