<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>alexwjj 的个人博客网站</title>
<meta name="keywords" content="alexwjj">
<meta name="description" content="想做什么，抓紧时间去搞，磨磨唧唧就等死。
QQ：7985959565
努力成为父母期盼的人">
<style lang="css">
body {
padding:0;
margin:0;
overflow:hidden;
}
canvas {
padding:0;
margin:0;
}
div.content {
width: 100%;
height: 100%;
position:fixed;
left:0;
top:0;
right: 0;
bottom: 0;
font-size: 20px;
text-align: center;
color: white;
padding-top: 12%;
}
.user img{
width: 220px;
border-radius: 50%;
animation:mylogo 3s;
-moz-animation:mylogo 3s; /* Firefox */
-webkit-animation:mylogo 3s; /* Safari and Chrome */
-o-animation:mylogo 3s; /* Opera */
}
.content-body{
margin-top: 20px;
}
.logion{
margin: 20px;
}
.link{
color: rgb(155, 35, 35);
text-decoration: none;
margin-bottom: 30px;
font-size: 40px;
}
.link:hover{
color: rgb(231, 17, 17);
}
@keyframes mylogo
{
from {
width:50px;
}
to {
width: 220px;
}
}
@-moz-keyframes mylogo /* Firefox */
{
from {
width:50px;
}
to {
width: 220px;
}
}
@-webkit-keyframes mylogo /* Safari and Chrome */
{
from {
width:50px;
}
to {
width: 220px;
}
}
@-o-keyframes mylogo /* Opera */
{
from {
width:50px;
}
to {
width: 220px;
}
}
</style>
</head>
<body>
<canvas id="sakura"></canvas>
<div class="content">
<div class="user">
<a class="link"><img src="img/userLogo.png"></a>
</div>
<div class="content-body">
<a class="link" target="_blank"> 首页 </a>
<div class="logion"> 加班到天明，学习到昏厥 ！！！ </div>
<div class="introduce"> 程序员不止眼前的逻辑和代码，还有底层的框架和架构。 </div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e75c184727a975aa58adf4acc4123de8";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- sakura shader -->
<script id="sakura_point_vsh" type="x-shader/x_vertex">
uniform mat4 uProjection;
uniform mat4 uModelview;
uniform vec3 uResolution;
uniform vec3 uOffset;
uniform vec3 uDOF; //x:focus distance, y:focus radius, z:max radius
uniform vec3 uFade; //x:start distance, y:half distance, z:near fade start
attribute vec3 aPosition;
attribute vec3 aEuler;
attribute vec2 aMisc; //x:size, y:fade
varying vec3 pposition;
varying float psize;
varying float palpha;
varying float pdist;
//varying mat3 rotMat;
varying vec3 normX;
varying vec3 normY;
varying vec3 normZ;
varying vec3 normal;
varying float diffuse;
varying float specular;
varying float rstop;
varying float distancefade;
void main(void) {
// Projection is based on vertical angle
vec4 pos = uModelview * vec4(aPosition + uOffset, 1.0);
gl_Position = uProjection * pos;
gl_PointSize = aMisc.x * uProjection[1][1] / -pos.z * uResolution.y * 0.5;
pposition = pos.xyz;
psize = aMisc.x;
pdist = length(pos.xyz);
palpha = smoothstep(0.0, 1.0, (pdist - 0.1) / uFade.z);
vec3 elrsn = sin(aEuler);
vec3 elrcs = cos(aEuler);
mat3 rotx = mat3(
1.0, 0.0, 0.0,
0.0, elrcs.x, elrsn.x,
0.0, -elrsn.x, elrcs.x
);
mat3 roty = mat3(
elrcs.y, 0.0, -elrsn.y,
0.0, 1.0, 0.0,
elrsn.y, 0.0, elrcs.y
);
mat3 rotz = mat3(
elrcs.z, elrsn.z, 0.0,
-elrsn.z, elrcs.z, 0.0,
0.0, 0.0, 1.0
);
mat3 rotmat = rotx * roty * rotz;
normal = rotmat[2];
mat3 trrotm = mat3(
rotmat[0][0], rotmat[1][0], rotmat[2][0],
rotmat[0][1], rotmat[1][1], rotmat[2][1],
rotmat[0][2], rotmat[1][2], rotmat[2][2]
);
normX = trrotm[0];
normY = trrotm[1];
normZ = trrotm[2];
const vec3 lit = vec3(0.6917144638660746, 0.6917144638660746, -0.20751433915982237);
float tmpdfs = dot(lit, normal);
if(tmpdfs < 0.0) {
normal = -normal;
tmpdfs = dot(lit, normal);
}
diffuse = 0.4 + tmpdfs;
vec3 eyev = normalize(-pos.xyz);
if(dot(eyev, normal) > 0.0) {
vec3 hv = normalize(eyev + lit);
specular = pow(max(dot(hv, normal), 0.0), 20.0);
}
else {
specular = 0.0;
}
rstop = clamp((abs(pdist - uDOF.x) - uDOF.y) / uDOF.z, 0.0, 1.0);
rstop = pow(rstop, 0.5);
//-0.69315 = ln(0.5)
distancefade = min(1.0, exp((uFade.x - pdist) * 0.69315 / uFade.y));
}
</script>
<script id="sakura_point_fsh" type="x-shader/x_fragment">
#ifdef GL_ES
//precision mediump float;
precision highp float;
#endif
uniform vec3 uDOF; //x:focus distance, y:focus radius, z:max radius
uniform vec3 uFade; //x:start distance, y:half distance, z:near fade start
const vec3 fadeCol = vec3(0.08, 0.03, 0.06);
varying vec3 pposition;
varying float psize;
varying float palpha;
varying float pdist;
//varying mat3 rotMat;
varying vec3 normX;
varying vec3 normY;
varying vec3 normZ;
varying vec3 normal;
varying float diffuse;
varying float specular;
varying float rstop;
varying float distancefade;
float ellipse(vec2 p, vec2 o, vec2 r) {
vec2 lp = (p - o) / r;
return length(lp) - 1.0;
}
void main(void) {
vec3 p = vec3(gl_PointCoord - vec2(0.5, 0.5), 0.0) * 2.0;
vec3 d = vec3(0.0, 0.0, -1.0);
float nd = normZ.z; //dot(-normZ, d);
if(abs(nd) < 0.0001) discard;
float np = dot(normZ, p);
vec3 tp = p + d * np / nd;
vec2 coord = vec2(dot(normX, tp), dot(normY, tp));
//angle = 15 degree
const float flwrsn = 0.258819045102521;
const float flwrcs = 0.965925826289068;
mat2 flwrm = mat2(flwrcs, -flwrsn, flwrsn, flwrcs);
vec2 flwrp = vec2(abs(coord.x), coord.y) * flwrm;
float r;
if(flwrp.x < 0.0) {
r = ellipse(flwrp, vec2(0.065, 0.024) * 0.5, vec2(0.36, 0.96) * 0.5);
}
else {
r = ellipse(flwrp, vec2(0.065, 0.024) * 0.5, vec2(0.58, 0.96) * 0.5);
}
if(r > rstop) discard;
毕业设计&课设_博客系统，含前后端技术，附搭建教程，曾获优秀毕业论文及展示页面截图.zip （405个子文件） 
.babelrc 74B nginx.conf 693B marked.css 1KB index.css 394B App.css 126B Dockerfile.dev 151B Dockerfile 654B .dockerignore 483B .editorconfig 261B index.ejs 41KB document.ejs 674B error.ejs 86B .eslintignore 17B .firebaserc 55B
main.html 40KB index.html 2KB wave.html 2KB favicon.ico 109KB userLogo.jpeg 20KB userLogo.jpeg 20KB
zknu.jpg 226KB logo.jpg 23KB favicon.jpg 4KB bg.jpg 2KB three.min.js 551KB index.js 37KB webpack.config.js 28KB List.js 21KB en-US.js 16KB article.js 16KB zh-TW.js 15KB nav.js 15KB pt-BR.js 14KB List.js 12KB ArticleCreate.js 12KB List.js 12KB api.js 10KB article.js 9KB Register.js 9KB List.js 9KB user.js 8KB ArticleComponent.js 8KB comment.js 8KB BasicLayout.js 8KB index.js 8KB zh-CN.js 8KB List.js 8KB articles.js 7KB index.js 7KB list.js 7KB api.js 7KB List.js 7KB List.js 6KB List.js 6KB CommentsComponent.js 6KB build.js 6KB index.js 6KB webpackDevServer.config.js 6KB register.js 5KB breadcrumb.js 5KB BaseMenu.js 5KB index2.js 5KB serviceWorker.js 5KB message.js 5KB request.js 5KB PersonalLinkView.js 5KB RightContent.js 5KB utils.js 5KB router.config.js 5KB utils.js 5KB Header.js 4KB index.js 4KB wave.js 4KB start.js 4KB index.js 4KB login.js 4KB index.js 4KB MessageComponent.js 4KB login.js 4KB index.js 4KB project.js 4KB Login.js 4KB message.js 4KB timeAxis.js 4KB rule.js 4KB BaseView.js 4KB setting.js 4KB env.js 3KB LoginItem.js 3KB SiderMenu.js 3KB chart.js 3KB index.js 3KB project.js 3KB user.js 3KB index.js 3KB Workplace.js 3KB blog.js 3KB notices.js 3KB Info.js 3KB timeLine.js 3KB共 405 条
- 1
- 2
- 3
- 4
- 5
资源评论
pk_xz123456
- 粉丝: 2148
- 资源: 1757
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
