1 盈嘉小红砖(同公众号)

我要认证

每周创作更新一些webGl、ThreeJS渲染三维模型,并写出一些心得技巧,感谢关注~~~

等级
TA的排名 1w+

按钮悬停效果(Button Hover Effects)

按钮悬停效果Button Hover Effects示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<a href="" class="button">Button</a><a href="" class="button reverse dark">Reverse</a><a href="" class="button fast white">Fast</a><!-- dribbble -->

2020-08-10 11:45:30

跨多行下划线动画(Multi-line spanning animated underline)

跨多行下划线动画Multi-line spanning animated underline示例HTMLCSSMulti-line spanning animated underline)更多有趣示例 尽在小红砖社区示例HTML<h2>This is a multi-line spanning animated underline. This took an annoyingly long time to figure out.</h2>CSS@import ur

2020-08-10 11:42:14

下拉菜单(dropdowns)

下拉菜单dropdowns示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div class="container"> <div class="dropdown-wrapper"> <button type="button" class="active" data-dropdown-toggle="dropdown-list">Features</button> <div id="dropdown-list"

2020-08-10 11:32:39

3DAudio

3DAudio示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!-- Only Loads an MP3 file right now, so won't work in browsers that lack the mp3 codec. Click the canvas to pause / play music.--><div class="information"> <div class="item">

2020-08-10 11:21:47

按钮(click button)

按钮示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTMLp Drag to rotate the button!<br>Press it in when you need it!small.info Created with ThreeJS, ThreeCSG<br>(wo any 3d model)small.credits a(href="http://www.amazon.com/Gemmy-32651-The-Official-Button/dp/B

2020-08-10 11:16:57

项目符号日记/草图样式元素(bullet journal/sketch style elements)

@[toc](项目符号日记/草图样式元素(bullet journal/sketch style elements))更多有趣示例 尽在小红砖社区示例HTMLmain section.traced-header h1(data-splitting="items") | Just Bullet Journal Things section.titles .normal-header h1 Sample Title .circled-header h1(

2020-08-10 11:13:33

菜单悬停下划线(menu hover underline)

菜单悬停下划线(menu hover underline)示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<ul> <li><a href="#">home</a></li> <li><a href="#">archives</a></li> <li><a href="#">tags</a></li> <li&g

2020-08-10 11:08:16

锁环

锁环示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas></canvas><div class="vignette"></div><h1><em>Click to toggle from </em><span class='ortho active'>Orthographic Camera</span><em> to</em> <s

2020-08-10 10:57:21

what?分分钟搞定BIM应用开发中的模型空间树展示?<BIM去油间-第四期>

【BIM去油间】什么?BIM应用开发中的空间树提取与展示居然这么简单?BIMer界小姐姐和我们一起聊一聊BIM模型开发中的那些迷惑术语!让小姐姐最迷惑的术语原来是它?!别人的BIM应用开发,为什么如此优秀!答案都在这里啦!!...

2020-08-10 10:14:25

吉他(guitar)

吉他(guitar)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 600" xml:space="preserve"><defs> <clipPath id="holeClip"> <circle c

2020-08-07 13:52:37

悬浮(suspension)

悬浮示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML <!--Oles Odynets - Learning ThreeJS LibrarySat15Sep 2018 17:5027 MinsW, S, A, D, Space - Left Arrow, Right Arrow-->CSShtml, body { margin:0; overflow:hidden;}JS// MainStuff:Setuplet scene = n

2020-08-07 13:48:32

星辰球

星辰球示例HTML更多有趣示例 尽在小红砖社区示例HTML<!DOCTYPE html><html > <head> <meta charset="UTF-8"> <title>Max and Marryam group threejs project</title> <style> * {margin: 0;} #canvas { backgrou

2020-08-07 13:42:12

多边形(polygon)

多边形示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<body></body>CSSbody { overflow: hidden;}JSvar camera, scene, renderer;var geometry, material, mesh;init();animation();function init(){ camera = new THREE.PerspectiveCamera( 75, window.inne

2020-08-07 13:39:33

着色星球

着色星球示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="canvas"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r77/three.min.js"></script><script id="glow-vertexShader" type="x-shader/x-vertex"> varying vec3

2020-08-07 13:36:52

璀璨盒子

辅导(Coach)示例CSSJS更多有趣示例 尽在小红砖社区示例CSScanvas { position: fixed; top: 0; left: 0;}JSvar width = window.innerWidth;var height = window.innerHeight;var renderer = new THREE.WebGLRenderer({ antialias: true });renderer.setSize(width, heigh

2020-08-07 13:33:27

模拟城市

加载示例示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas id="c"></canvas>CSShtml, body { margin: 0; height: 100%;}#c { width: 100%; height: 100%; display: block;}JS// Three.js - Load .GLTF// from https://threejsfundamentals.org/thre

2020-08-07 13:28:00

转动的网纱

程序生成的最小环境示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!-- Using Threejs & Jerome Etienne's Threex --><script src='https://jeromeetienne.github.io/threex.terrain/examples/vendor/three.js/build/three-min.js'></script><script src='https://j

2020-08-07 13:25:09

追踪小孩-游戏动画

追踪小孩游戏示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<canvas id="c" tabindex="1"></canvas> <div id="ui"> <div id="left"><img src="https://threejsfundamentals.org/threejs/resources/images/left.svg"></div> <div sty

2020-08-07 13:20:49

voronoi变焦

voronoi变焦示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/88/three.min.js"></script><script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( positio

2020-08-07 13:16:23

北斗卫星

卫星示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML <div class="keys"> <p><span>Click </span>the stars to shoot</p> <p><span>Click </span>and<span> drag</span> to rotate</p> </div>

2020-08-03 17:29:19

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 图书勋章
    图书勋章
    CSDN技术图书作者专属勋章
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 原力探索 · S
    原力探索 · S
    在《原力计划【第二季】》打卡挑战活动中,发布 12 篇原创文章参与活动的博主,即可获得此勋章。(本次活动结束后统一统计发放)
  • 分享精英
    分享精英
    成功上传11个资源即可获取