zoukankan      html  css  js  c++  java
  • 基于Html5的爱情主题网站–表白神器(第二版)

    第二版在第一版的基础上增加了一个动态3D的白云效果背景,鼠标悬浮在页面上云朵会向屏幕Z轴方向运动,在第一人称视角看来向着云朵方向前进的,由此形成一个伪3D效果。有点绕,直接看demo就能理解了。3D白云效果是基于threejs框架做的。

    介绍下three.js:

    three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面。

    有兴趣的朋友可以学习下。

    注意:3D动态白云背景效果只最新的chrome和firefox下有效,firefox下有点卡。IE和safari不支持。

    效果图

    基于Html5的爱情主题网站–表白神器(第二版)

    基于Html5的爱情主题网站–表白神器(第二版)

    查看示例

    下载地址

    很多朋友都在问demo里的字体,这里说明下,不一一回答了,字体的名字叫senty小丸子。

    这里不能传文件,我把字体放到我的网站里了,有需要的朋友可以去下载

    字体下载地址

  • 相关阅读:
    Design Tutorial: Inverse the Problem
    The Number Off of FFF
    "Money, Money, Money"
    No Pain No Game
    Group
    Vases and Flowers
    Codeforces Round #466 (Div. 2)
    ST表
    Wildcard Matching
    HDOJ 3549 Dinitz
  • 原文地址:https://www.cnblogs.com/laosan/p/a-html5-love-theme2.html
Copyright © 2011-2022 走看看