如何制作一张动态壁纸？ ------居然也和编程有关，简单总结一下下，因为我也很好奇哈哈（含实战代码和效果演示）

于 2024-09-17 18:11:52 发布
阅读量726 收藏 6
点赞数 20
文章标签： java css javascript html 程序人生 学习 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yluciud/article/details/142313399
版权

相关语言：    html ，css，JavaScript，c#

c#的开发难度高，本文以前端三剑客为例。

理论基础

制作一款类似于Wallpaper Engine上的动态壁纸是一个有趣的项目，它涉及到一些基本的编程知识以及图形设计技能。下面是一个简要的指南，制作第一张自己的动态壁纸：

准备工具和环境

  1. 安装Wallpaper Engine：首先确保你已经在Steam上购买并安装了Wallpaper Engine。
  2. 开发环境：Wallpaper Engine支持多种开发工具，但最常用的是Visual Studio Code或Visual Studio。
  3. 必要的软件库：你可能需要安装Node.js（如果使用JavaScript）、C#开发环境等。这个目前可以不管，我们做简单的实现，有VSCode就行。

基本步骤

  1. 创建壁纸工程：打开Wallpaper Engine，点击“创意工坊”选项卡，然后选择“创建壁纸”，这将引导你创建一个新的壁纸项目。
  2. 选择开发语言：Wallpaper Engine支持多种语言，但主要使用的是C#和HTML/CSS/JavaScript。对于初学者来说，HTML/CSS/JavaScript可能更容易入手。
  3. 设计壁纸：根据你的想法设计壁纸。你可以使用静态图片作为背景，添加动画效果，甚至可以加入交互功能。
    • 对于HTML/CSS/JavaScript壁纸，您可以使用HTML来构建结构，CSS来设计样式，JavaScript来增加动态效果。
    • 如果您选择C#，那么您需要编写代码来处理渲染逻辑，可以利用Unity等游戏引擎来帮助创建更复杂的3D动画效果。

示例：HTML/CSS/JavaScript壁纸

以下是一个简单的HTML/CSS/JavaScript壁纸示例，它展示了一个旋转的太阳图标。

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Simple Rotating Sun</title>
6    <style>
7        body, html {
8            margin: 0;
9            padding: 0;
10            width: 100%;
11            height: 100%;
12            overflow: hidden;
13        }
14        .sun {
15            position: absolute;
16            top: 50%;
17            left: 50%;
18            transform: translate(-50%, -50%);
19            width: 200px;
20            height: 200px;
21            background-image: url('path/to/sun.png');
22            background-size: cover;
23            animation: rotate 5s linear infinite;
24        }
25        @keyframes rotate {
26            from { transform: translate(-50%, -50%) rotate(0deg); }
27            to { transform: translate(-50%, -50%) rotate(360deg); }
28        }
29    </style>
30</head>
31<body>
32    <div class="sun"></div>
33</body>
34</html>

导入壁纸

  1. 将上述代码保存为一个.html文件。
  2. 在Wallpaper Engine中选择“导入壁纸”，然后选择你的HTML文件。
  3. 调整设置，确保壁纸正确加载。

 实战开始（代码+效果）

代码编写

先创个文件夹放文件，再创建一个html文件

打开VScode, 开始代码编写

在Wallpaper中打开壁纸 

不需要连上steam，离线状态可以

页面底部，打开离线壁纸

选择编写好的文件打开

出了点问题，壁纸一片黑。

查找问题

源代码中的图片路径应该只是个样板。

需要我们自己下载图片，并填写路径

图片下载，随便找一个就行了

根目录下创建一个文件夹，存放图片

 

修改代码中的图片路径

注意事项

image.png 存在于名为 image 的子目录中，而 sun.html 在根目录中。在这种情况下，我们需要更新 sun.html 中的 CSS 背景图片路径以指向正确的文件位置。

         请注意，我们更新了 background-image 属性的值，使其成为相对路径 ./image/image.png。这表示从当前 HTML 文件所在的目录开始查找 image 目录下的 image.png 文件。

成功显示

测试成功率。但是传不了视频，我就发几张图片吧。

进阶技巧

需要改进的点

1.添加背景图片

很简单，所以已经实现了，代码如下

效果如下

2.去掉太阳的黑色背景

要移除太阳的黑色背景并将太阳显示完整，你需要调整太阳图片的透明度。这里是一个简单的示例，展示了如何使用 CSS 来实现这一目标：

  1. 将太阳图片转换为 SVG 格式，这将使我们更容易控制它的样式。
  2. 使用 CSS 来改变太阳的颜色和透明度。

首先，我们将太阳图片转换为 SVG 格式。这是一个简单的太阳形状的 SVG 代码：

1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
2    <circle cx="45" cy="45" r="30" fill="#FFD700"/>
3    <path d="M45,15 L75,45 M45,15 L75,75 M45,75 L75,45 M15,45 L45,75 M15,45 L45,15 M15,75 L45,45" stroke="#FFD700" stroke-width="10" fill="none"/>
4</svg>

接下来，我们将这个 SVG 代码嵌入到 HTML 中，并应用一些 CSS 样式使其适应屏幕大小和位置：

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Rotating Sun over Beach</title>
6    <style>
7        body, html {
8            margin: 0;
9            padding: 0;
10            width: 100%;
11            height: 100%;
12            overflow: hidden;
13        }
14
15        body {
16            background-image: url('beach.jpg');
17            background-size: cover;
18            background-position: center;
19        }
20
21        svg.sun {
22            position: absolute;
23            top: 50%;
24            left: 50%;
25            transform: translate(-50%, -50%);
26            width: 200px;
27            height: auto;
28            animation: rotate 5s linear infinite;
29        }
30
31        @keyframes rotate {
32            from { transform: translate(-50%, -50%) rotate(0deg); }
33            to { transform: translate(-50%, -50%) rotate(360deg); }
34        }
35    </style>
36</head>
37<body>
38    <svg class="sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
39        <circle cx="45" cy="45" r="30" fill="#FFD700"/>
40        <path d="M45,15 L75,45 M45,15 L75,75 M45,75 L75,45 M15,45 L45,75 M15,45 L45,15 M15,75 L45,45" stroke="#FFD700" stroke-width="10" fill="none"/>
41    </svg>
42</body>
43</html>

        注意，这里的 viewBox 属性值为 0 0 90 90，表示太阳的原始尺寸为 90x90 像素。你可以根据需要调整这个值来改变太阳的大小。同时，width 和 height 属性用于调整太阳在屏幕上显示的大小。

        将上述 SVG 代码替换掉原来的 <img> 标签，并将 background.jpg 替换为你的海滩图片。确保图片文件名与路径匹配。

        现在，应该可以看到一个旋转的太阳，它会随着背景图片一起旋转。如果你希望太阳更大或更小，只需更改 width 属性的值即可。

3.添加点击事件 点击太阳，太阳变大

我们可以在现有的代码基础上添加点击事件，使得点击太阳时太阳会变大。以下是修改后的代码：

HTML 文件 (index.html)

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Rotating Sun over Beach</title>
6    <style>
7        body, html {
8            margin: 0;
9            padding: 0;
10            width: 100%;
11            height: 100%;
12            overflow: hidden;
13        }
14
15        body {
16            background-image: url('./image/sea.jpg');
17            background-size: cover;
18            background-position: center;
19        }
20
21        svg.sun {
22            position: absolute;
23            top: 50%;
24            left: 50%;
25            transform: translate(-50%, -50%);
26            width: 200px;
27            height: auto;
28            animation: rotate 5s linear infinite;
29            transition: all 0.5s ease; /* 添加过渡效果 */
30        }
31
32        .large {
33            width: 300px;
34            height: auto;
35        }
36
37        @keyframes rotate {
38            from { transform: translate(-50%, -50%) rotate(0deg); }
39            to { transform: translate(-50%, -50%) rotate(360deg); }
40        }
41    </style>
42    <script>
43        document.addEventListener("DOMContentLoaded", function() {
44            const sun = document.querySelector('.sun');
45
46            let isLarge = false;
47
48            sun.addEventListener('click', function() {
49                if (!isLarge) {
50                    sun.classList.add('large');
51                    isLarge = true;
52                } else {
53                    sun.classList.remove('large');
54                    isLarge = false;
55                }
56            });
57        });
58    </script>
59</head>
60<body>
61    <svg class="sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
62        <circle cx="45" cy="45" r="30" fill="#FFD700"/>
63        <path d="M45,15 L75,45 M45,15 L75,75 M45,75 L75,45 M15,45 L45,75 M15,45 L45,15 M15,75 L45,45" stroke="#FFD700" stroke-width="10" fill="none"/>
64    </svg>
65</body>
66</html>

解释

  1. CSS 文件：

    • 添加了 transition: all 0.5s ease; 属性以使大小变化更加平滑。
    • 新增了 .large 类以控制太阳变大的样式。

  2. JavaScript：

    • 在文档加载完成后，为太阳元素添加点击事件监听器。
    • 点击事件处理函数会根据太阳的状态切换 .large 类，从而改变太阳的大小。

首次点击测试失败，修正代码及原因如下

如果点击没有反应，可能是由于 SVG 元素本身没有捕获点击事件。为了确保点击事件能够正常工作，我们可以稍微调整一下代码，确保点击事件能够正确绑定并生效。

以下是更新后的代码：

HTML 文件 (index.html)

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <title>Rotating Sun over Beach</title>
6    <style>
7        body, html {
8            margin: 0;
9            padding: 0;
10            width: 100%;
11            height: 100%;
12            overflow: hidden;
13        }
14
15        body {
16            background-image: url('./image/sea.jpg');
17            background-size: cover;
18            background-position: center;
19        }
20
21        .sun {
22            position: absolute;
23            top: 50%;
24            left: 50%;
25            transform: translate(-50%, -50%);
26            width: 200px;
27            height: 200px;
28            animation: rotate 5s linear infinite;
29            transition: all 0.5s ease; /* 添加过渡效果 */
30        }
31
32        .large {
33            width: 300px;
34            height: 300px;
35        }
36
37        @keyframes rotate {
38            from { transform: translate(-50%, -50%) rotate(0deg); }
39            to { transform: translate(-50%, -50%) rotate(360deg); }
40        }
41    </style>
42    <script>
43        document.addEventListener("DOMContentLoaded", function() {
44            const sun = document.querySelector('.sun');
45
46            let isLarge = false;
47
48            sun.addEventListener('click', function() {
49                if (!isLarge) {
50                    sun.classList.add('large');
51                    isLarge = true;
52                } else {
53                    sun.classList.remove('large');
54                    isLarge = false;
55                }
56            });
57        });
58    </script>
59</head>
60<body>
61    <div class="sun">
62        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90 90">
63            <circle cx="45" cy="45" r="30" fill="#FFD700"/>
64            <path d="M45,15 L75,45 M45,15 L75,75 M45,75 L75,45 M15,45 L45,75 M15,45 L45,15 M15,75 L45,45" stroke="#FFD700" stroke-width="10" fill="none"/>
65        </svg>
66    </div>
67</body>
68</html>

解释

  1. CSS 文件：

    • 保持不变，用于控制太阳的样式和动画。

  2. JavaScript：

    • 保持不变，用于处理点击事件。

  3. HTML 文件：

    • 将 <svg> 放在一个具有 .sun 类的 <div> 中，这样可以确保点击事件能够绑定到整个太阳区域，而不仅仅是 SVG 内部的部分元素。

进阶实战开始 （代码+效果）

代码如下

去太阳黑白黑边代码

点击效果 代码

效果

去黑边效果如下

点击效果如下

高级效果案例（拓展篇）

问题：长发飘动效果

比如说，我的静态图片背景是一个长发女人，我想使她的头发飘起来，需要怎么实现这个效果

、

实现方案

要实现一个长发女性的静态图片背景中的头发飘动效果，可以采用不同的方法。

以下是几种常见的技术方案：

1. 使用CSS动画

如果你的目标是实现一个简单的、不需要太过真实的头发飘动效果，可以使用CSS的关键帧动画来模拟。这种方法相对简单，但可能无法达到非常自然的效果。

2. 使用SVG动画

如果头发的设计比较简单，可以尝试将头发部分转换成SVG格式，并且为每根头发或者头发组设置动画。这种方法可以提供较好的控制，但工作量较大，特别是对于复杂的设计。

3. 使用HTML5 Canvas 或 WebGL

对于更加真实的效果，可以使用HTML5的Canvas API或者WebGL技术来绘制头发，并且使用JavaScript来模拟风力或其他物理效应，使得头发能够自然地飘动。这种方法提供了最大的灵活性和最真实的视觉效果，但也要求较高的编程技巧。

4. 使用视频或GIF

另一种简便的方法是直接使用一段视频或GIF动画作为背景，其中包含了头发飘动的预录制动画。这种方法虽然简单有效，但是可能会增加网页的加载时间和资源消耗。

5. 使用Web动画库

为了简化动画制作流程，可以利用现有的Web动画库，如Popmotion、Anime.js等，这些库提供了高级动画功能，可以更容易地实现复杂的动画效果。

示例：使用HTML5 Canvas实现头发飘动

下面是一个使用HTML5 Canvas来简单模拟头发飘动的例子。我们将使用JavaScript来创建一些线条并应用简单的动画来模仿头发的飘动。

HTML 文件
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4    <meta charset="UTF-8">
5    <title>头发飘动效果示例</title>
6</head>
7<body>
8    <canvas id="canvas"></canvas>
9    <script src="script.js"></script>
10</body>
11</html>
JavaScript 文件 
1const canvas = document.getElementById('canvas');
2const ctx = canvas.getContext('2d');
3
4// 设置画布大小
5canvas.width = window.innerWidth;
6canvas.height = window.innerHeight;
7
8// 创建头发线条
9const strands = [];
10for (let i = 0; i < 50; i++) {
11    strands.push({
12        x: Math.random() * canvas.width,
13        y: canvas.height,
14        length: Math.random() * 100 + 100,
15        wind: Math.random() * 10 - 5 // 风力影响
16    });
17}
18
19function draw() {
20    // 清除画布
21    ctx.clearRect(0, 0, canvas.width, canvas.height);
22
23    // 绘制头发线条
24    strands.forEach(strand => {
25        ctx.beginPath();
26        ctx.moveTo(strand.x, strand.y);
27        ctx.lineTo(strand.x + strand.wind, strand.y - strand.length);
28        ctx.strokeStyle = 'brown';
29        ctx.lineWidth = 2;
30        ctx.stroke();
31
32        // 更新线条位置
33        strand.y -= 2;
34        if (strand.y < 0) {
35            strand.y = canvas.height;
36        }
37    });
38
39    // 请求下一帧
40    requestAnimationFrame(draw);
41}
42
43// 开始动画
44draw();

        请注意，这个示例非常基础，仅用于演示目的。实际应用中，你可能需要调整参数，增加更多细节，甚至引入物理引擎来更好地模拟现实世界的行为。如果您对这个主题感兴趣，建议进一步研究相关的图形学和动画技术。

如何查看壁纸源码

查看你下载的动态壁纸的源码取决于壁纸是由什么技术创建的。通常情况下，Wallpaper Engine 中的动态壁纸可能是用 C# 编写的（如果是使用 C# 开发的），也可能是用 HTML、CSS 和 JavaScript 编写的（如果是使用 Web 技术开发的）。下面是查看这些源码的方法：

查看 C# 源码

如果你下载的动态壁纸是用 C# 编写的，并且作者将其发布为开源或共享了源码，你可以按照以下步骤查看：

  1. 查找源码：如果作者发布了源码，通常会在 Wallpaper Engine 的创意工坊页面上有链接指向 GitHub 或其他代码托管平台。
  2. 下载源码：如果找到了源码链接，你可以下载并查看。

如果壁纸没有公开源码，那么通常情况下你无法直接查看 C# 源码，因为编译后的程序是二进制文件，除非你有反编译工具并且了解如何使用，但这可能违反版权法和使用条款。

查看 Web 技术源码

如果你下载的动态壁纸是用 HTML、CSS 和 JavaScript 编写的，那么你可以相对容易地查看源码：

  1. 找到壁纸文件夹：在 Wallpaper Engine 的安装目录下，通常会有一个 Wallpapers 文件夹，里面存放着你下载的所有壁纸。
  2. 定位壁纸：找到你想查看源码的壁纸文件夹。壁纸通常是以 .wpp 或者 .zip 文件的形式存储的，你可以解压缩这个文件。
  3. 查看源码：解压后的文件夹内应该包含 .html, .css, .js 文件，以及任何所需的图片资源。你可以使用文本编辑器（如 Notepad++ 或 Visual Studio Code）打开这些文件查看源码。

使用开发者工具查看

如果你在 Wallpaper Engine 中直接运行壁纸，并且壁纸是在一个浏览器窗口中显示的，那么你可以使用浏览器的开发者工具来查看源码：

  1. 打开壁纸：确保壁纸正在 Wallpaper Engine 中运行，并且壁纸是在一个浏览器窗口中显示的。
  2. 打开开发者工具：在壁纸的浏览器窗口中按下 F12 键，或者右键点击页面选择“检查”来打开开发者工具。
  3. 查看源码：在开发者工具中，你可以查看 Elements 面板来查看 HTML 结构，Sources 面板来查看 CSS 和 JavaScript 文件。

注意事项

  • 版权问题：查看和使用他人发布的源码时，请确保遵守版权法和使用条款。未经许可修改或分发他人的作品是违法的。
  • 安全风险：解压和查看未知来源的文件可能存在安全风险，请确保文件来自可信来源，并且使用防病毒软件扫描文件。

Wallpaper Engine 创作相关

对于 Wallpaper Engine 的创作者来说，激励和收入来源主要来自于以下几个方面：

  1. Wallpaper Engine 商店销售：

    • 内置商店销售：创作者可以通过 Wallpaper Engine 的内置商店发布自己的壁纸作品，并设置付费下载。用户可以直接在 Wallpaper Engine 应用内部购买这些壁纸。
    • 分成模式：创作者可以从壁纸销售中获得一定比例的收益。具体分成比例可能会根据平台政策有所不同。

  2. Steam Workshop：

    • 社区支持：创作者还可以通过 Steam Workshop 发布免费或付费的壁纸。Steam Workshop 提供了一个平台，让创作者可以与社区互动，并从用户的支持中获得收益。
    • 分成机制：通过 Steam Workshop 发布付费壁纸的创作者可以获得一定的收入分成。用户可以为喜欢的作品支付费用，创作者则从中获得收益。

  3. 捐赠和支持：

    • Patreon 和其他众筹平台：一些创作者选择在 Patreon 或类似平台上建立个人页面，接受粉丝的定期捐赠和支持。
    • PayPal 捐赠：创作者也可以通过 PayPal 接受一次性捐赠，鼓励粉丝直接支持他们的创作活动。

  4. 社交媒体和广告：

    • 社交媒体推广：创作者可以通过 YouTube、Twitch、Twitter 等社交媒体平台展示他们的作品，并吸引粉丝关注。
    • 广告收益：如果创作者在这些平台上拥有大量追随者，他们还可以通过广告合作获得收益。

  5. 直接销售：

    • 个人网站：一些创作者可能会建立自己的个人网站，直接出售他们的壁纸作品。
    • 第三方市场：除了 Wallpaper Engine 和 Steam Workshop，创作者还可以在其他第三方市场上架自己的作品。

  6. 赞助和合作伙伴关系：

    • 品牌合作：创作者可能会与品牌合作，制作特定主题的壁纸，并从中获得报酬。
    • 赞助商支持：有些创作者会吸引赞助商支持他们的创作活动，这些赞助商可能会提供资金支持或者其他形式的合作。

Ylucius
关注
操作系统MIT6.S081：P3-＞Page tables
InnerPeaceHQ的博客
07-02 1954
本系列文章为MIT6.S081的学习笔记，包含了参考手册、课程、实验三部分的内容，前面的系列文章链接如下 操作系统MIT6.S081：[xv6参考手册第1章]->操作系统接口 操作系统MIT6.S081：P1->Introduction and examples 操作系统MIT6.S081：Lab1->Unix utilities 操作系统MIT6.S081：[xv6参考手册第2章]->操作系统组织结构 操作系统MIT6.S081：P2->OS organization and system calls 操
Cocos2d-x的学习之旅（四）坐标系
COCOS2DX-CodeMonKey
06-08 405
世界坐标系也称为“绝对坐标系”，就跟我们平时所说的绝对是一样的，只要设定了绝对路径就一定是指那个位置，绝对坐标系也是一样的道理。世界即游戏世界，它是Cocos2dx中一个全局坐标的概念。任何一个节点的坐标，最后绘制到屏幕上时都会映射成世界坐标系。世界坐标系和OpenGL坐标系方向一致，原点都在左下角。
两天时间！我搞定了Intel显卡（核显）+Windows安装stable-diffusion-AI画画软件
qq_23257451的博客
02-29 5748
在AI之潮铺天盖地而来的时候，我也对AI有了好奇之心，加上自身也喜欢动漫绘画，所以我选择从AI绘画这块进入AI领域，当然此时sora已经应运而生了。我应该去研究sora才对呀，毕竟当前是视频为王的时代。我主要基于两点来考虑：第一，我的设备硬件不允许，先来看看我的硬件设备。我的电脑硬件确实不太支持去跑比较依赖显卡的AI软件第二点，我们公司是电商服务的公司，公司有很多设计师，我希望自己的这次探索能为他们的设计工作提供一些帮助，能让开源的AI工具成为他们工作中的“银弹”。
【2022年度悲报】-回望2022，展望2023
面向感觉挖洞，背向对象编程。欢迎关注VX公众号：EureKa安全团队
01-01 8575
我的2022年度总结，带你看看我的故事，也祝愿大家新年快乐。
我们为何要选择使用LINUX？--大家自己体会
Tsingke
06-21 4013
我已经半年没有使用 Windows 的方式工作了。Linux 高效的完成了我所有的工作。 GNU/Linux 不是每个人都想用的。如果你只需要处理一般的事务，打游戏，那么你;)%0 不需要了解下面这些了。7rm?zA ©达内科技论坛 -- 达内科技论坛　　fiOp 我不是一个狂热的自由软件份子，虽然我很喜欢自由软件。这篇文章也不是用来推G!p^ 行自由软件运动的，虽然我觉得自由软件运动是非
BUUCTF Misc Page2-6部分题目
热门推荐
cuihua的博客
07-15 7万+
BUUCTF Misc Page2-6部分题目
少年陈哲-番外篇
m0_73353434的博客
07-22 1376
少年陈哲-番外篇，是洛谷近3年来的巅峰巨作！曾获主角本人亲自赞誉！
2017年,年终总结-“更新”
王川的博客
02-28 1690
又来做年总了，是啊，又来了，一年又过去了。翻阅了前几年关于年终总结的博客，感慨万千、曾经以为不会变的一些事情，最后全变了，曾经以为自己会持续下去计划，那么信誓旦旦的计划，后来也是计划赶不上变化，不过一切都在趋向于目标，趋向于结果化，没有不安，只是越来越相信一句话，“在这个世界上，唯有变化才是永远不变的”！先说说学习：1，英语在网上不止一次看到，今后很是厉害的三项技能，英语，编程，写作，排在首位的英...
AI绘画Stable diffusion保姆级教程，看这一篇就够了「安装-配置-画图」_stable diffusion 制作绘本
2401_84572752的博客
04-26 1176
到这里，你就完成完成stable diffusion的入门了，可以使用stable diffusion完成基本的绘图操作了，不过对于不是设计专业出身的老铁来说，想要完整的描述出自己想要的那副画面来说还是比较难的，也就是如何与stable diffusion进行高效的沟通，再直接一点就是如何写提示词。写提示词有一定的技巧，小编进过几天的探索，也总结出了一些行之有效的套路，会在下一篇文章中给大家分享，敬请期待。（全套教程文末领取哈）
【转】MUD教程--巫师入门教程1
ddz777751的博客
09-15 2497
《新巫师入门手册》 第一章：观念篇■　内容提要：什么是巫师？怎样做一个巫师？如何做好一个巫师？ 第二章：上手篇■　内容提要：最简单的房间怎么写？NPC又怎么写？先看懂一些常用的参数？ 第三章：理解篇■　内容提要：什么是LPC？什么是函数、对象？只有理解才有利于消化 第四章：见习篇■　内容提要：我要工作了，怎么edit？怎么update？又怎么用call？ 第五章：补遗篇■　内容...
python中的数据存储-json
dreamer_hahaha
07-26 8632
很多程序都要求用户输入某种信息， 程序都把用户提供的信息存储在列表和字典等数据结构中， 用户关闭程序时，你几乎总是要保存他们的信息： 一种简单的方式是使用模块json来存储数据 (在python中使用json的时候，主要也就是使用json模块，json是以一种良好的格式来进行数据交互) 模块json让你能够将简单的python数据结构转存到文件中， 并在程序再次运行时加载该文件中的数据...
AI上推荐 之 MIND(动态路由与胶囊网络的奇光异彩)
Miracle8070
03-27 6707
1. 写在前面 今天整理的是MIND模型(Multi-Interest Network with Dynamic Routing)， 这是阿里团队2019年在CIKM上发的一篇paper，该模型依然是用在召回阶段的一个模型，解决的痛点是之前在召回阶段的模型，比如双塔，上一篇介绍的YouTubeDNN召回模型等，在模拟用户兴趣的时候，总是基于用户的历史点击，最后通过pooling的方式得到一个兴趣向量，用该向量来表示用户的兴趣，但是该篇论文的作者认为，用一个向量来表示用户的广泛兴趣未免有点太过于单一，这是作者
编程算法同步入门
GitChat
05-29 6615
【学习笔记】手写 Tomcat 三
LearnTech_123的博客
09-12 1119
响应动态资源不需要写文件名了，只需要写功能的名称即可。比如登录功能，可以定义名称为 doLogin
Gradle
最新发布
xiaocaij_icai的博客
09-15 178
");
基于SpringBoot的考研资讯平台设计与实现
linzhongshu的专栏
09-13 904
对于本次的系统开发来看，它主要是把我以前所学的知识进行了一次综合的应用。经过这次毕业设计的制作它主要是把我以前所学的理论知识应用到社会实践当中。通过这一次的考研资讯平台的设计与实现它能够有效把计算机知识与实际问题相互应用，通过计算机网络技术来解决学生生活当中的实际问题，从而提高我的编程能力。虽然在这次毕业设计当中我遇到了很多的问题和困难，但是通过不断的调试和老师的帮助让我圆满的完成了这次毕业设计。
计算机毕业设计 基于SpringBoot的课程教学平台的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
weixin_19164791635
09-12 933
本文介绍了一款基于Java、SpringBoot和Vue.js技术的课程教学平台。该平台服务于管理员、学生和教师，提供教学资源管理、课程信息浏览、作业提交与批改等功能，旨在优化教学流程，提升教育质量，促进教育资源的数字化共享，推动教育信息化发展。
spring security中几大组件的作用和执行顺序
阿信今天的代码没bug的博客
09-11 350
spirng security中的几大组件的差异和执行顺序
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值