Canvas 3D 地球旋转

所属分类:其他-动画效果

 64654  449  查看评论 (26)
分享到微信朋友圈
X
Canvas 3D 地球旋转 ie兼容11

注:加载了外部xml数据文件,本地预览会有跨域问题,需要在服务端运行。

无需太多修改,

相关插件-动画效果

文字漂浮效果

点击按钮后,文字随机浮动,再次点击回到原位。
  动画效果
 48932  495
  动画效果
 55199  459

html5 水波扩散效果

HTML5实现点击水波扩散效果
  动画效果
 46707  472

3D签到墙 threejs(使用元素周期表修改)

采用threejs官方demo的元素周期更改的,展示为图片,可自动更换或手动更换,目前为旋转状态;模拟推送用户可以优化随机更改图片应该会更好点。
  动画效果
 69154  656

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    周铭辉 0
    2024/1/12 21:32:31
    地球换成其他怎么换
    回复
    0
    2021/11/22 7:31:30
    cnpm install anywhere -g; index.html下执行anywhere自动跳转运行本地就能看到了;或者放到自己服务器上;或者下载火狐;或者安装chrome插件 回复
    CW 0
    2021/1/11 13:37:05
    请问网页背景能调成透明吗?这样?入到其他页面的时候才能成为一体,谢谢!
        CW0
        2021/1/11 14:17:27
        <style type="text/css">
            html,body {
                width:100%;
                height:100%;
                margin:0;
                padding:0;
                position:relative;
                /*background:black;  改成下面透明背景*/
               background-color: rgba(0,0,0,0);    
            }
            .canvas3D {
                /*background:black;  改成下面透明背景*/
                background-color: rgba(0,0,0,0);
                position:absolute;
                left:0;
                top:0;
            }
        </style>
    回复
    CW 0
    2020/12/30 15:12:38
    请问如何把球缩小一些,谢谢!
        CW0
        2020/12/31 8:06:14
        大侠们,请问设置哪里可以把球缩小一些,谢谢!
        西瓜0
        2020/12/31 8:53:46
        var x, y, z, t = Math.PI/4, r = 0, tick = 0.01, radius = 200;

        radius 值越大,地球越小。

        CW0
        2020/12/31 9:20:31
        您好,调成100了,地球大小没变化呢
        CW0
        2020/12/31 9:47:16
        可以了,谢谢!
    回复
    wzc543 0
    2019/3/17 12:00:43
    有的浏览器报错, getElementsByTagName 这个找不到 请问怎么解决 回复
    大山 0
    2018/11/28 9:50:55
    本地在火狐打开 回复
    不舍 i 0
    2018/7/26 11:08:20
    怎么放到固定位置啊
    回复
    xujuan7090 0
    2017/8/18 11:42:44

    这个canvas怎么才能放到一个div里面去控制ta呢,因为我打算把地球放到页面某个图片上去转动,但是没法控制canvas生成在那个div里面

        vx:lwg04100
        2020/3/12 10:51:01
        在JS里找到appendChild修改一下不就行了
        CW0
        2020/12/30 15:12:24
        请问如何把球缩小一些,谢谢!
    回复
    夜微离 0
    2017/7/19 15:25:38

    怎么变大一点  就一点

    回复
    -果冻-- 0
    2017/5/10 15:23:30

    怎么调整为转的时候只围绕着一个点转,很明显有偏移 啊

        WOLEAF0
        2017/6/2 16:46:46

        meicuo

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复