- 博客(33)
- 资源 (14)
- 收藏
- 关注
原创 一分钟实现模型对比功能,快来体验BIM模型版找你妹吧!<BIM去油间-第二期>
【BIM去油间】第二期来袭!带你玩转BIM模型版“找你妹”BIM去油间第二期上线,BIM界的找你妹玩过吗?没玩过?? 赶紧的!模型开发新玩法,来小红砖看如何一分钟实现模型对比功能,玩转BIM模型版“找你妹”!点击评论区第一条,了解更多!...
2020-07-27 10:12:45 296 1
原创 舞厅
舞厅示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="info"> <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> <p>Drag for rotation - Mouse Wheel for Zoom</p></div>CSShtml, body { width: 100vw;
2020-07-21 11:40:11 434
原创 在神圣的领域
在神圣的领域示例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( position,
2020-07-21 11:31:44 96
原创 宇宙:时空之旅
宇宙:时空之旅示例HTML更多有趣示例 尽在小红砖社区示例HTML<div id="space-container"></div><div id="space-container-top"></div><img class="cosmos center" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1037366/cosmos.png" />html, body { m
2020-07-21 11:26:36 135
原创 交互式三角形背景
交互式三角形背景示例CSS更多有趣示例 尽在小红砖社区示例CSShtml,body { margin: 0; padding: 0; width: 100%; height: 100%;}canvas { position: fixed; width: 100%; height: 100%;}var conf, scene, camera, cameraCtrl, renderer;var objects, meshes;var trucRadius
2020-07-21 11:20:35 149
原创 扭曲(overflow)
扭曲示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody { overflow: hidden;}JSvar w = window.innerWidth, h = window.innerHeight;var scene = new THREE.Scene();var camera = new THREE.PerspectiveCamera(75, w/h, 0.1,1000);camera.position.z = 250;var renderer =
2020-07-21 11:12:07 129
原创 粒子成像(Flocked)
积累成相Flocked示例HTML更多有趣示例 尽在小红砖社区示例HTML<div class="controls"> <div class="line selection"><label class="customWrapper">custom<input type="file" id="custom"></label></div> <label class="line"> <span>Int
2020-07-21 11:08:54 240
原创 A matter of gravity
A matter of gravity示例HTML更多有趣示例 尽在小红砖社区示例HTML<!-- arrow describing a clockwise rotation --><svg style="display: none;" viewBox="0 0 100 100" width="200" height="200"> <g id="arrow-right" stroke="currentColor" stroke-width="10" stro
2020-07-21 11:04:39 140
原创 时光涟漪
时光涟漪示例HTML更多有趣示例 尽在小红砖社区示例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( position, 1.0 );
2020-07-21 11:01:27 130
原创 材质2.0底部工具栏运动设计与交互(material 2.0 bottom toolbar motion design & interaction)
材质2.0底部工具栏运动设计与交互material 2.0 bottom toolbar motion design & interaction示例HTML更多有趣示例 尽在小红砖社区示例HTML<div class="sc-bottom-bar"> <a class="sc-menu-item"> <i class="fas fa-list"></i> </a> <a clas
2020-07-21 10:57:36 210 2
原创 三维模型中如何展现火焰
火焰示例示例描述与操作指南示例效果展示实现步骤相关示例相关接口示例描述与操作指南当前示例为展示火焰效果的示例。通过简单代码,使得火焰效果展示于页面上,用户可调整火焰大小以及火焰位置在建筑物上。示例效果展示实现步骤第一步 监听点击构件监听点击构件// 监听点击构件component.on("click", function (event) { if (disabled || !pickStatus) { return; } component.rem
2020-07-20 17:05:04 645
原创 Audio Viz+Acid
Audio Viz+Acid示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML <input type="file" id="thefile" accept="audio/*" /> <audio id="audio" controls></audio><script id="vertex" type="x-shader/x-fragment"> #define PI 3.14159265358979323846 u
2020-07-14 18:06:54 132
原创 裁切平面(clipping plane)
裁切平面(clipping plane)示例HTML更多有趣示例 尽在小红砖社区示例HTML<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - clipIntersection</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-wid
2020-07-14 18:00:26 2437
原创 p5纹理(p5 texture)
p5 texture示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<body> <div id='container'></div></body>CSSbody { margin: 0; display: flex; justify-content: center; align-items: center; background: black;}canvas:not(#p5Canvas) { width
2020-07-14 17:35:50 180
原创 Wire Typo
Wire Typo示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML#canvas-wrapper(aria-label='wire')CSSbody { height: 100vh; background-color: #212121; // black background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(46,46,46,1) 0%, rgba(0,0,0,1) 100%); margin: 0;
2020-07-14 17:20:35 152
原创 气球滑块(Balloon Slider)
气球滑块(Balloon Slider)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="slider"></div><!-- dribbble --><a class="dribbble" href="https://dribbble.com/shots/7515563-Balloon-Slider" target="_blank"><img src="https://cdn.dribbble.com/as
2020-07-14 17:12:43 225
原创 字母三角形(AlphabetTriangle)
字母三角形(AlphabetTriangle)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<html lang="en"><head> <title>AlphabetTriangle</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale
2020-07-14 17:07:16 1639
原创 illustration-Rolex(劳力士水鬼)
illustration-Rolex(劳力士)示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML// HTML isn't organized very well.rolex .band .crown .bezel - for (var x = 1; x < 16; x++) i.bez .bezel-gradient i.bez-five-min ul.bez-num li 10 li 20 li 30
2020-07-14 16:57:18 228
原创 OK Boomer
OK Boomer示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML#wrap -3.times do .cube .front %h1{"data-splitting" => "chars"} OKBO .left %h1{"data-splitting" => "chars"} OMER .right %h1{"data-splitting" => "chars"} OMER .b
2020-07-14 16:50:46 235
原创 渲染草地地形
渲染草地地形示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/61062/map.png" crossorigin="anonymous" id="map">CSS*{ margin:0; box-sizing:border-box;}body{ background:linear-gradient(#00ADFF 0%,#eee 100%)
2020-07-09 12:20:22 229
原创 太阳系之旅:木星
太阳系之旅:木星示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="jupiterloc"></div><article id="jupiterinfo"><h1></h1> <div> <p> <p> </div></article>CSS@import url('https://fonts.googleap
2020-07-09 12:17:59 189
原创 银河系
银河系示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<script id='vShader' type='x-vertex/x-shader'> uniform float size; uniform float t; uniform float z; uniform float pixelRatio; varying vec3 vPosition; varying vec3 mPosition;//modified position
2020-07-09 12:09:25 230
原创 无限的火焰
无限的火焰示例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( position, 1
2020-07-09 12:08:31 186
原创 云cloud
云cloud示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<!--Visit this project on GitHub at https://github.com/enesser/low-poly-clouds-webgl-->CSSbody { background-color: #000; color: #fff; font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
2020-07-09 12:05:11 322
原创 灯光摆动(light pendulum)
灯光摆动light pendulum示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<svg viewBox="-50 0 700 300"> <defs> <clipPath id="text-1"> <text id="Mask" font-family="Montserrat-Black, Montserrat" font-size="200" font-weight="700" letter-spacing="
2020-07-09 12:02:10 174
原创 女巫煎蛋(omelette for a witch)
女巫煎蛋omelette for a witch示例HTMLcssJS更多有趣示例 尽在小红砖社区示例HTML<div id="scene-container"></div><button id="btn-animate"></button><script id="vertex_shader" type="x-shader/x-vertex">varying vec3 vNormal;void main() { vNo
2020-07-09 11:58:58 235
原创 迷失太空
迷失在太空示例HTMLCSSJS更多有趣示例 尽在小红砖社区示例HTML<div id="universe"/><footer> <a target="_blank" href="https://www.made-on-mars.com"><svg id="Calque_logo2" data-name="Calque logo2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 13
2020-07-09 11:54:45 156
原创 船舱角落
船舱示例CSSJS更多有趣示例 尽在小红砖社区示例CSSbody { background-color: #000; margin: 0; overflow: hidden; padding: 0;}JS/** * @file * The main scene. *//** * Define constants. */const TEXTURE_PATH = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/1238
2020-07-08 15:23:46 199
原创 Low Poly Experiment
Low Poly Experiment示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<svg class="mainSVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600"><defs> <polygon id="liquid"></polygon> <clipPath id="mainMask"> <polygon points="402.1
2020-07-08 15:14:02 413
原创 风吹柳叶(Curtain creeper)
Curtain creeper示例CSSJS更多有趣示例 尽在小红砖社区示例CSShtml,body { margin: 0; padding: 0; height: 100%;}body { user-select:none; background-color: #000; display: flex; align-items: center; justify-content: center; overflow: hidden;}canvas {
2020-07-08 15:10:25 253
原创 趋势图(stacked area chart composition)
stacked area chart composition示例HTMLJS更多有趣示例 尽在小红砖社区示例HTML<script src="https://code.highcharts.com/highcharts.js"></script><script src="https://code.highcharts.com/modules/exporting.js"></script><script src="https://code.h
2020-07-08 15:05:23 309
原创 button hover
button hover示例HTMLCSS更多有趣示例 尽在小红砖社区示例HTML<div class="buttons"> <div class="container"> <h1>歪みエフェクト</h1> <p>Distortion Effect</p> <a href="https://twitter.com/masuwa1018" class="btn effect04" d
2020-07-08 13:43:13 306
PasteEx.exe
2020-05-08
SweetHome3D-6.2-macosx.dmg
2020-05-08
HiPC_3.4.10.062.exe
2020-05-08
CADReaderPc_5.9.3.59.exe
2020-04-30
ScreenToGif-v2.14.1.rar
2020-04-30
圣诞节元素EPS文件.zip
2019-12-19
小红砖搬砖精灵windows-v1.1.0.rar
2019-08-20
小红砖搬砖精灵MacOS-v1.1.0.rar
2019-08-20
小红砖搬砖精灵linux-v1.1.0.rar
2019-08-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人