bestvist / Axial3d
Licence: mit
🎨 3D effect page for github404.
Stars: ✭ 119
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Axial3d
Websoftspheredemo
Implement and optimizate ANALYTICAL FOAM algorithm metioned in Entagma
Stars: ✭ 104 (-12.61%)
Mutual labels: 3d
Vircadia
Vircadia open source metaverse platform, based on the former High Fidelity Virtual Reality Platform.
Stars: ✭ 110 (-7.56%)
Mutual labels: 3d
Improved Sapling Tree Generator
A new version of Blenders sapling tree generator addon with improvements, new features, and bug fixes
Stars: ✭ 107 (-10.08%)
Mutual labels: 3d
Deko3d
Homebrew low level graphics API for Nintendo Switch (Nvidia Tegra X1)
Stars: ✭ 103 (-13.45%)
Mutual labels: 3d
Awk Raycaster
Pseudo-3D shooter written completely in gawk using raycasting technique
Stars: ✭ 1,534 (+1189.08%)
Mutual labels: 3d
Solar System Threejs
The Solar System: Modeled to scale with Three.js
Stars: ✭ 107 (-10.08%)
Mutual labels: 3d
3ddfa v2
The official PyTorch implementation of Towards Fast, Accurate and Stable 3D Dense Face Alignment, ECCV 2020.
Stars: ✭ 1,961 (+1547.9%)
Mutual labels: 3d
Giojs
🌏 A Declarative 3D Globe Data Visualization Library built with Three.js
Stars: ✭ 1,528 (+1184.03%)
Mutual labels: 3d
Iros20 6d Pose Tracking
[IROS 2020] se(3)-TrackNet: Data-driven 6D Pose Tracking by Calibrating Image Residuals in Synthetic Domains
Stars: ✭ 113 (-5.04%)
Mutual labels: 3d
Pose Interpreter Networks
Real-Time Object Pose Estimation with Pose Interpreter Networks (IROS 2018)
Stars: ✭ 104 (-12.61%)
Mutual labels: 3d
Omniscent
Analyze of Mekka & Symposium 1997 PC 4K 1st "Omniscent"
Stars: ✭ 104 (-12.61%)
Mutual labels: 3d
Lba2remake
A Little Big Adventure 2 / Twinsen's Odyssey reimplementation in JavaScript / Three.js / React
Stars: ✭ 116 (-2.52%)
Mutual labels: 3d
Css Transform
CSS Transform Playground. Online tool to visualize 2D & 3D CSS3 Transform functions.
Stars: ✭ 113 (-5.04%)
Mutual labels: 3d
轴动效果 axial3d
3D效果页插件,类似 Github404 页面动画。
安装引入 Install
npm install axial3d
or
<script src="https://unpkg.com/axial3d"></script>
例子 Example
<html>
<head>
<title>Demo - Axial3d</title>
</head>
<body>
<script src="https://unpkg.com/axial3d"></script>
<div id="axial3d"></div>
<script>
(function () {
var options = {
selector: '#axial3d',
imgs: [
{src: 'https://bestvist.github.io/axial3d/public/demo1/bg.png', left: '50px', top: '10px'},
{src: 'https://bestvist.github.io/axial3d/public/demo1/2.png', left: '150px', top: '10px'},
{src: 'https://bestvist.github.io/axial3d/public/demo1/3.png', left: '50px', top: '300px'},
{src: 'https://bestvist.github.io/axial3d/public/demo1/4.png', left: '300px', top: '300px'}
]
}
var effect = new Axial3d(options);
})()
</script>
</body>
</html>
属性 Props
options
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selector | 元素选择器 | String | - | - |
imgs | 图片组 | Array | - | - |
transform | 动画形式 | String | translate / rotate | translate |
swing | 动画幅度 | Number | - | 5 |
imgs options
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
src | 图像路径 | String | - | - |
top | 图片顶部定位 | String | - | - |
bottom | 图片底部定位 | String | - | - |
left | 图片左侧定位 | String | - | - |
right | 图片右侧定位 | String | - | - |
static | 图片是否静态,不随鼠标转动 | Boolean | true / false | false |
方法 Methods
事件名称 | 说明 | 回调参数 |
---|---|---|
destory | 取消事件监听 | - |
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].