mirror of
https://github.com/m1ngsama/FUJI.git
synced 2025-12-24 10:51:27 +00:00
init
This commit is contained in:
ClasWen
parent
644032463b
commit
b6b98ac931
24 changed files with 12499 additions and 4259 deletions
288
astro.config.mjs
288
astro.config.mjs
|
|
@ -1,174 +1,160 @@
|
|||
import { defineConfig } from 'astro/config';
|
||||
import { visit } from 'unist-util-visit'
|
||||
import { visit } from 'unist-util-visit';
|
||||
import md5 from 'md5';
|
||||
|
||||
import { SITE_URL } from './src/consts';
|
||||
|
||||
|
||||
import vue from "@astrojs/vue";
|
||||
import tailwind from "@astrojs/tailwind";
|
||||
function pipeline() {
|
||||
return [
|
||||
|
||||
() => (tree) => {
|
||||
visit(tree, 'element', (node, index) => {
|
||||
if (node.tagName === 'p' && node.children[0].tagName === 'img') {
|
||||
node.tagName = 'figure';
|
||||
|
||||
let img = node.children[0];
|
||||
let sign = md5(img.properties.src);
|
||||
let data = img.properties.alt.split("|");
|
||||
let alt = data[0];
|
||||
let size = "big";
|
||||
if (data.length > 1) {
|
||||
size = data[1];
|
||||
}
|
||||
|
||||
let classes = ['image component image-fullbleed body-copy-wide nr-scroll-animation nr-scroll-animation--on'];
|
||||
classes.push(`image-${size}`);
|
||||
|
||||
node.properties.className = classes;
|
||||
node.children = [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['component-content'] },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['image-sharesheet'] },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: [`image image-load image-asset image-${sign}`], id: `lht${sign}` },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'picture',
|
||||
properties: { className: ['picture'] },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'img',
|
||||
properties: {
|
||||
'data-src': img.properties.src,
|
||||
alt: alt,
|
||||
className: ['picture-image'],
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['image-description'] },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['image-caption'] },
|
||||
children: [
|
||||
{
|
||||
type: 'text',
|
||||
value: alt
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
return [() => tree => {
|
||||
visit(tree, 'element', (node, index) => {
|
||||
if (node.tagName === 'p' && node.children[0].tagName === 'img') {
|
||||
node.tagName = 'figure';
|
||||
let img = node.children[0];
|
||||
let sign = md5(img.properties.src);
|
||||
let data = img.properties.alt.split("|");
|
||||
let alt = data[0];
|
||||
let size = "big";
|
||||
if (data.length > 1) {
|
||||
size = data[1];
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
() => (tree) => {
|
||||
tree.children.forEach((node) => {
|
||||
if (node.type === "raw") {
|
||||
node.value = `<div class="pagebody code component"><div class="component-content code"> ${node.value} </div></div>`
|
||||
// node.value = node.value.replace(/astro-code/g, 'astro-code')
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
() => (tree) => {
|
||||
for (let i = 0; i < tree.children.length; i++) {
|
||||
let node = tree.children[i];
|
||||
if (node.type === "element" && ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(node.tagName)) {
|
||||
|
||||
let next = tree.children[i + 1];
|
||||
let nodes = [node];
|
||||
while (next && !['figure'].includes(next.tagName) && next.type != "raw") {
|
||||
|
||||
nodes.push(next);
|
||||
next = tree.children[tree.children.indexOf(next) + 1];
|
||||
}
|
||||
|
||||
if (nodes.length > 1) {
|
||||
// rename label
|
||||
nodes.forEach((node) => {
|
||||
if (node.tagName === "p") {
|
||||
node.properties.className = ['pagebody-copy'];
|
||||
node.tagName = "div";
|
||||
}
|
||||
if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(node.tagName)) {
|
||||
node.properties.className = ['pagebody-header'];
|
||||
}
|
||||
});
|
||||
|
||||
tree.children.splice(i, nodes.length, {
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['pagebody text component'] },
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['component-content'] },
|
||||
children: nodes
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
() => (tree) => {
|
||||
let len = tree.children.length;
|
||||
for (let index = 0; index < len; index++) {
|
||||
let node = tree.children[index];
|
||||
if (node.type === "element" && node.tagName === "figure") {
|
||||
tree.children.splice(index, 0, {
|
||||
let classes = ['image component image-fullbleed body-copy-wide nr-scroll-animation nr-scroll-animation--on'];
|
||||
classes.push(`image-${size}`);
|
||||
node.properties.className = classes;
|
||||
node.children = [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['component-content']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['tertiarynav component'] },
|
||||
properties: {
|
||||
className: ['image-sharesheet']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: { className: ['component-content'] },
|
||||
properties: {
|
||||
className: [`image image-load image-asset image-${sign}`],
|
||||
id: `lht${sign}`
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'picture',
|
||||
properties: {
|
||||
className: ['picture']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'img',
|
||||
properties: {
|
||||
'data-src': img.properties.src,
|
||||
alt: alt,
|
||||
className: ['picture-image']
|
||||
}
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
})
|
||||
index++;
|
||||
}, {
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['image-description']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['image-caption']
|
||||
},
|
||||
children: [{
|
||||
type: 'text',
|
||||
value: alt
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}];
|
||||
}
|
||||
});
|
||||
}, () => tree => {
|
||||
tree.children.forEach(node => {
|
||||
if (node.type === "raw") {
|
||||
node.value = `<div class="pagebody code component"><div class="component-content code"> ${node.value} </div></div>`;
|
||||
// node.value = node.value.replace(/astro-code/g, 'astro-code')
|
||||
}
|
||||
});
|
||||
}, () => tree => {
|
||||
for (let i = 0; i < tree.children.length; i++) {
|
||||
let node = tree.children[i];
|
||||
if (node.type === "element" && ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6','table'].includes(node.tagName)) {
|
||||
let next = tree.children[i + 1];
|
||||
let nodes = [node];
|
||||
while (next && !['figure'].includes(next.tagName) && next.type != "raw") {
|
||||
nodes.push(next);
|
||||
next = tree.children[tree.children.indexOf(next) + 1];
|
||||
}
|
||||
if (nodes.length > 1) {
|
||||
// rename label
|
||||
nodes.forEach(node => {
|
||||
if (node.tagName === "p") {
|
||||
node.properties.className = ['pagebody-copy'];
|
||||
node.tagName = "div";
|
||||
}
|
||||
if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(node.tagName)) {
|
||||
node.properties.className = ['pagebody-header'];
|
||||
}
|
||||
});
|
||||
tree.children.splice(i, nodes.length, {
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['pagebody text component']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['component-content']
|
||||
},
|
||||
children: nodes
|
||||
}]
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}, () => tree => {
|
||||
let len = tree.children.length;
|
||||
for (let index = 0; index < len; index++) {
|
||||
let node = tree.children[index];
|
||||
if (node.type === "element" && node.tagName === "figure") {
|
||||
tree.children.splice(index, 0, {
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['tertiarynav component']
|
||||
},
|
||||
children: [{
|
||||
type: 'element',
|
||||
tagName: 'div',
|
||||
properties: {
|
||||
className: ['component-content']
|
||||
}
|
||||
}]
|
||||
});
|
||||
index++;
|
||||
}
|
||||
}
|
||||
}];
|
||||
}
|
||||
|
||||
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
site: SITE_URL,
|
||||
markdown: {
|
||||
rehypePlugins: pipeline(),
|
||||
syntaxHighlight: 'prism',
|
||||
syntaxHighlight: 'prism'
|
||||
},
|
||||
});
|
||||
integrations: [vue(), tailwind()]
|
||||
});
|
||||
11278
package-lock.json
generated
11278
package-lock.json
generated
File diff suppressed because it is too large
Load diff
12
package.json
12
package.json
|
|
@ -10,10 +10,14 @@
|
|||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/rss": "^2.1.1",
|
||||
"astro": "^2.0.11",
|
||||
"@astrojs/rss": "^4.0.5",
|
||||
"@astrojs/tailwind": "^5.1.0",
|
||||
"@astrojs/vue": "^4.0.9",
|
||||
"astro": "^4.5.12",
|
||||
"md5": "^2.3.0",
|
||||
"rehype": "^12.0.1",
|
||||
"unist-util-visit": "^4.1.2"
|
||||
"rehype": "^13.0.1",
|
||||
"tailwindcss": "^3.4.3",
|
||||
"unist-util-visit": "^5.0.0",
|
||||
"vue": "^3.4.21"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
3719
pnpm-lock.yaml
Normal file
3719
pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -4,6 +4,7 @@ const { theme } = Astro.props;
|
|||
import { SITE_NAME } from "../consts";
|
||||
const date = new Date();
|
||||
const year = date.getFullYear();
|
||||
|
||||
---
|
||||
|
||||
<div class:list={["footer-main", { "footer-dark": theme === "dark" }]}>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,15 @@
|
|||
---
|
||||
import { SITE_TITLE } from "../consts";
|
||||
import { SITE_TITLE } from "../consts"
|
||||
---
|
||||
|
||||
|
||||
<nav class="nav">
|
||||
<div class="nav-wrapper">
|
||||
<div class="nav-content-wrapper">
|
||||
<div class="nav-content">
|
||||
<a href="/" class="nav-title">{SITE_TITLE}</a>
|
||||
<div class="" style="display: flex; align-items: center; gap: 12px;">
|
||||
<img src="https://oss.nbtca.space/CA-logo.svg" alt="" style="width: 28px; aspect-ratio: 1;"/>
|
||||
<a href="/" class="nav-title">{SITE_TITLE}</a>
|
||||
</div>
|
||||
<div class="nav-menu">
|
||||
<div class="nav-item-wrapper">
|
||||
<a href="/archive" class="nav-item-content">目录</a>
|
||||
|
|
|
|||
|
|
@ -1,5 +0,0 @@
|
|||
export const SITE_TITLE = `Austin's Blog`;
|
||||
export const SITE_DESCRIPTION = 'Austin Site Description';
|
||||
export const SITE_EMAIL = 'no.sql@qq.com'
|
||||
export const SITE_NAME = 'astro-blog.qum.cc';
|
||||
export const SITE_URL = "https://astro-blog.qum.cc";
|
||||
5
src/consts.ts
Normal file
5
src/consts.ts
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
export const SITE_TITLE = `计算机协会`;
|
||||
export const SITE_EMAIL = 'contact@nbtca.space'
|
||||
export const SITE_NAME = 'Computer Association';
|
||||
export const SITE_DESCRIPTION = 'Computer Association';
|
||||
export const SITE_URL = "https://www.nbtca.space";
|
||||
|
|
@ -1,57 +1,9 @@
|
|||
---
|
||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import BaseLayout from "../layouts/BaseLayout.astro"
|
||||
---
|
||||
|
||||
<BaseLayout primaryTitle="关于">
|
||||
<section class="archive">
|
||||
<div class="section-content section-tag">
|
||||
<div class="archive-tag">
|
||||
<h2 class="tag-header">关于我</h2>
|
||||
<div class="tag-post-list">
|
||||
<ul>
|
||||
<li>爱看老高</li>
|
||||
<li>爱折腾</li>
|
||||
<li>爱音乐</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="archive-tag">
|
||||
<h2 class="tag-header">关注我</h2>
|
||||
<div class="tag-post-list">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://twitter.com/austinit" target="_blank"> Twitter</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/austin2035" target="_blank">Github</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="archive-tag">
|
||||
<h2 class="tag-header">随想</h2>
|
||||
<div class="tag-post-list">
|
||||
<ul>
|
||||
<li>我常常将人看做机器，他输出了什么，常常取决于他输入了什么。</li>
|
||||
<li>屏蔽垃圾输入，寻求优质信息源， 才能输出优质信息。</li>
|
||||
<li>看到这，你已经被我的观念输入一遍了。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="archive-tag">
|
||||
<h2 class="tag-header">一些作品</h2>
|
||||
<div class="tag-post-list">
|
||||
<ul>
|
||||
<li>
|
||||
有点多，我下次整理一下。
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<section class="p-8 archive flex items-center justify-center">
|
||||
<img src="https://oss.nbtca.space/CA-logo.svg" alt="" class="w-72 aspect-square pb-16" />
|
||||
</section>
|
||||
</BaseLayout>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||
import ArchivePostList from "../layouts/ArchivePostList.astro";
|
||||
const allPosts = await Astro.glob("./posts/*.md");
|
||||
const tags = ["新闻稿", "虚幻引擎", "源码研究"];
|
||||
const tags = ["寝室"];
|
||||
const posts = [];
|
||||
|
||||
tags.forEach((tag) => {
|
||||
|
|
|
|||
|
|
@ -1,92 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 'Apple 推出新款 HomePod，带来突破性音质与智能体验'
|
||||
pubDate: 2035-03-25
|
||||
description: '呈现出类拔萃的音质、增强的 Siri 功能以及安全放心的智能家居体验'
|
||||
author: 'Apple Newsroom'
|
||||
cover:
|
||||
url: 'https://www.apple.com.cn/newsroom/images/product/homepod/standard/Apple-HomePod-hero-230118_big.jpg.large_2x.jpg'
|
||||
square: 'https://www.apple.com.cn/newsroom/images/product/homepod/standard/Apple-HomePod-hero-230118_big.jpg.large_2x.jpg'
|
||||
alt: 'cover'
|
||||
tags: ["新闻稿", "Apple", "HomePod"]
|
||||
theme: 'light'
|
||||
featured: true
|
||||
---
|
||||
|
||||
|
||||
|
||||
加利福尼亚州，库比提诺Apple 今日宣布推出 HomePod（第二代）。这款功能强大的智能扬声器采用优美的标志性设计，为用户带来新一代声学体验。HomePod 汇集了多项 Apple 创新技术与 Siri 智能，提供先进计算音频技术，支持播放沉浸式空间音频曲目，呈现前所未有的聆听体验。HomePod 带来管理日常任务、控制智能家居的便利新方式，用户可以使用 Siri 创建智能家居自动化功能，在家中触发烟雾或一氧化碳警报时获得通知，或者查看房间的温度与湿度——以上操作不必动手就能完成。
|
||||
新款 HomePod 从今日起可在线或通过 Apple Store app 订购，2 月 3 日（周五）起正式发售。
|
||||
|
||||
“利用我们的专业音频技术和创新，新款 HomePod 可呈现醇厚深沉的低音、自然的中音和清澈细腻的高音。”Apple 全球市场营销高级副总裁 Greg Joswiak 表示，“随着 HomePod mini 大受欢迎，我们看到用户对体积更大、声学表现更强劲的 HomePod 兴趣也与日俱增。我们很高兴能为全球各地的顾客带来新一代 HomePod。”
|
||||
|
||||
## 优美设计
|
||||
|
||||
新款 HomePod 的外观由无缝透声织网和背光触控板构成，优美的设计与各种空间相得益彰。HomePod 提供白色与全新的午夜色两种外观，后者由 100% 再生织物构成，配有同色系编织电源线。
|
||||
|
||||
|
||||
|
||||
## 强劲的声学表现
|
||||
|
||||
HomePod 呈现出类拔萃的音质，低音醇厚深沉，高频惊艳动人。定制研发的高振幅低音单元、振幅高达惊人的 20 毫米的强劲电机驱动振膜、内置低音均衡器麦克风、底部环绕着由 5 个波束成形高音单元组成的阵列，共同打造强大的声学体验。S7 芯片结合软件和系统感应技术，提供更加先进的计算音频，彻底发挥声学系统的全部潜能，呈现前所未有的聆听体验。
|
||||
|
||||
|
||||
|
||||
利用室内空间感应技术，HomePod 可识别附近表面反射的声音，判断是否靠近墙壁等表面，并对音频进行实时调整。5 个高音单元组成的波束成形阵列利用精确指向控制分离与定向传送直达声和环境声，让用户在清澈的人声和醇美的器乐声中尽情沉醉。
|
||||
|
||||
用户可聆听 Apple Music 曲库中的数千万首歌曲1，通过单个 HomePod 或用两个 HomePod 组成立体声组合享受空间音频。用户可以通过 Siri 了解各种音乐知识，并根据艺人、歌曲、歌词、年代、类型、心情或活动搜索音乐。
|
||||
|
||||
多个 HomePod 带来更出色的体验 两个及更多 HomePod 或 HomePod mini 可解锁一系列强大功能。利用支持多房间音频的隔空播放技术2，用户只要说“嘿 Siri”，或者触碰并按住 HomePod 顶部，就能用多个 HomePod 播放同一首歌曲，或在不同 HomePod 上播放不同歌曲，甚至使用多个 HomePod 进行广播，传话到各个房间。
|
||||
用户还可以把两个 HomePod 放在一起，组成立体声组合3。立体声组合不但可以分离左右声道，还能和谐地播放双声道音频，营造比传统立体声扬声器更宽广、更具沉浸感的声场，呈现出类拔萃的聆听体验。
|
||||
|
||||
|
||||
|
||||
## 无缝整合 Apple 生态系统
|
||||
|
||||
利用超宽带技术，用户可以将 iPhone 上播放的任何声音，如喜爱的歌曲、播客甚至通话直接转移到 HomePod4。房间中的任何人都可以拿着 iPhone 靠近 HomePod，播放建议会自动出现在 iPhone 屏幕上，从而轻松控制音频播放或获取个性化歌曲与播客推荐。HomePod 还能识别最多 6 个用户的语音，让所有家庭成员都能轻松聆听## 私人歌单、设置提醒和日历事项。
|
||||
|
||||
HomePod 的“查找”功能可以让遗落的设备播放声音，帮用户定位 iPhone 等 Apple 设备。用户还能向 Siri 询问好友或家人的位置（需要对方在“查找”app 中选择共享自己的位置）。
|
||||
|
||||
|
||||
|
||||
## 智能家居必备
|
||||
|
||||
依托声音识别功能5，HomePod 可以听到烟雾或一氧化碳警报声，识别出此类声音后，直接向用户的 iPhone 发送通知。全新的内置温度和湿度感应器可衡量室内环境，让用户设置自动化操作，例如房间内到达一定温度时关上窗帘，或者打开风扇。
|
||||
|
||||
通过 Siri，顾客无需动手就能控制单一设备，或者创建场景，例如让多个智能家居设备在早上同时开始工作，或者设置反复出现的自动化操作，例如“嘿 Siri，每天早晨日出时打开窗帘6”。当用户通过 Siri 操控暖气等未能以肉眼分辨是否已开关的配件，或者操控位于不同房间的配件时，HomePod 会发出新的确认音效。经过重制的海洋、森林、雨声等环境音效将进一步整合到体验中，让顾客可以为场景、自动化和警报添加新的声音。
|
||||
|
||||
用户也可以在重新设计的家庭 app 中直观地操控、查看和管理配件。家庭 app 提供了“环境”、“灯”和“安全”等新类别，并提供全新多机位视图，让用户轻松设置和控制智能家居。
|
||||
|
||||
|
||||
|
||||
## Matter 支持
|
||||
|
||||
去年秋季推出的 Matter 连接标准确保智能家居产品在跨生态系统工作时保持最高级别的安全。Apple 是 Connectivity Standards Alliance（连接标准联盟）成员，该联盟与其他行业领导者一起维护 Matter 智能家居连接标准。HomePod 可连接并支持 Matter 的配件，担任家居中枢，让用户出门在外也能远程控制。
|
||||
|
||||
## 顾客数据属于私有财产
|
||||
|
||||
保护顾客隐私始终是 Apple 的一项核心价值观。所有智能家居设备之间的通信始终保持端到端加密，包括 HomeKit 安防视频摄像头录制的内容，均无法被 Apple 读取。使用 Siri 时，请求音频默认不会被存储。这些功能确保让用户居家隐私得到保障。
|
||||
|
||||
## HomePod 与环境
|
||||
|
||||
HomePod 致力于最大程度地降低对环境的影响，在多个印刷电路板的电镀层中使用 100% 再生金（对 HomePod 而言尚属首次），且在扬声器磁体中使用 100% 再生稀土元素。HomePod 符合 Apple 对能效的严苛标准，且不含汞、溴化阻燃剂（BFR）、聚氯乙烯（PVC）和铍。经重新设计的包装材料不再使用塑料外膜，96% 的包装材料采用纤维基，让 Apple 更加接近 2025 年底前在包装中完全去除塑料的目标。
|
||||
|
||||
目前 Apple 已实现全球公司运营碳中和，并计划到 2030 年实现全部供应链和所有产品生命周期 100% 碳中和。这意味着每一部售出的 Apple 设备，从零件制造、组装、运输、用户使用、充电，直到设备和材料回收的所有环节，都将实现净零气候影响。
|
||||
|
||||
## 价格与上市时间
|
||||
|
||||
HomePod（第二代）售价为 RMB 2299 （中国大陆），今日起通过 apple.com.cn/store 及 Apple Store app 对澳大利亚、加拿大、中国大陆、法国、德国、意大利、日本、西班牙、英国、美国及其他 11 个国家和地区的顾客开放订购，并于 2 月 3 日（周五）起正式发售。
|
||||
HomePod（第二代）支持运行 iOS 16.3 或后续系统的 iPhone SE（第二代）及后续机型或 iPhone 8 及后续机型；运行 iPadOS 16.3 的 iPad Pro、iPad（第五代）及后续机型、iPad Air（第三代）及后续机型或 iPad mini（第五代）及后续机型。
|
||||
购买 HomePod 的新用户，即可获享 6 个月 Apple Music 免费订阅服务。
|
||||
|
||||
## 关于 Apple
|
||||
|
||||
Apple 于 1984 年推出 Macintosh，为个人技术带来了巨大变革。今天，Apple 凭借 iPhone、iPad、Mac、Apple Watch 和 Apple TV 引领全球创新。Apple 的 5 个软件平台，iOS、iPadOS、macOS、watchOS 和 tvOS，带来所有 Apple 设备之间的顺畅使用体验，同时以 App Store、Apple Music、Apple Pay 和 iCloud 等突破性服务赋予人们更大的能力。Apple 的 100,000 多名员工致力于打造全球顶尖的产品，并让世界更加美好。
|
||||
|
||||
## Apple Music 需要订阅
|
||||
|
||||
多房间音频需要多个 HomePod 或支持隔空播放并运行最新版本隔空播放软件的扬声器。
|
||||
组建 HomePod 立体声组合需要两个相同型号的 HomePod 扬声器，例如两个 HomePod mini，两个 HomePod（第二代）或两个 HomePod（第一代）。
|
||||
在 iPhone 上使用接力功能需运行 iOS 16.3。
|
||||
|
||||
声音识别功能会在今春稍晚通过软件更新推出。声音识别功能可以探测烟雾和一氧化碳警报声，并在识别后向用户发送通知。当用户身处可能受到伤害的环境中，或在高风险或紧急情况下，均不应依赖声音识别功能。声音识别功能需要更新版家庭架构，该架构将在家庭 app 的独立更新中推出。它要求所有连接家居配件的 Apple 设备均使用最新版本软件。智能家居配件需单独购买。
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 'Apple 推出为头脑风暴和创意协作设计的全新强大 app 无边记'
|
||||
pubDate: 2035-04-01
|
||||
description: 'iPhone、iPad 及 Mac 版无边记让视觉化协作更轻松。'
|
||||
author: 'Apple Newsroom'
|
||||
cover:
|
||||
url: 'https://www.apple.com.cn/newsroom/images/product/apps/standard/Apple-Freeform-hero_big.jpg.large_2x.jpg'
|
||||
square: 'https://www.apple.com.cn/newsroom/images/product/apps/standard/Apple-Freeform-hero_big.jpg.large_2x.jpg'
|
||||
alt: 'cover'
|
||||
tags: ["新闻稿", "Apple", "无边记"]
|
||||
theme: 'light'
|
||||
featured: true
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
无边记是一款全新 app，今日正式推出，包括 iOS、iPadOS 和 macOS 最新版本。无边记帮助用户在灵活多用的画布上管理并以视觉方式展示内容，在同一个地方查看、共享与协作，而不必考虑排版或页面大小问题。用户无需离开画板，即可添加不同类型的文件并实时预览。无边记为协作而设计，让用户更轻松地邀请他人在同一块白板上工作还能在 FaceTime 通话期间与他人协作。无边记白板存储在 iCloud 上，用户可以在不同设备间同步内容。
|
||||
|
||||
“无边记为 iPhone、iPad 和 Mac 用户进行视觉化协作开启了无限可能。”Apple 全球产品营销副总裁 Bob Borchers 表示，“无边记带来了无边无际的画布，支持上传多种不同类型的文件，集成了 iCloud，还提供了诸多协作功能，为用户随时随地创建头脑风暴的共享空间。”
|
||||
|
||||
## 为创意设计的画布与易用工具
|
||||
|
||||
无边记为用户提供了绝佳的白板体验，在同一个地方汇聚灵感创意。无边无际的画布会随着内容添加到白板上而不断扩展，让用户在处理很多文件或与他人协作时获得无限灵活性。通过内置手势支持，用户可以在白板各处流畅转移。
|
||||
|
||||
这款 app 提供了多种画笔类型和颜色选项，供用户描绘创意、添加注释、绘制图表。iPhone 与 iPad 用户可以在画布上的任意地方用手指作画；无边记还支持 Apple Pencil，让用户更轻松地随时随地在 iPad 上描绘灵感。
|
||||
|
||||
|
||||
|
||||
iPad Pro 上的无边记中展示着随手写笔记和一系列绘画工具。
|
||||
无论使用随手写记笔记、用绘画工具画图、用蜡笔或填充工具填色，无边记用户都能让创意进入新境界。
|
||||
无边记支持大量文件类型，包括照片、视频、音频、文档、PDF、网站链接和地图地点链接、便签、图形、图表等等。用户还可以利用 iPhone 和 iPad 摄像头直接在白板中插入图片或扫描文档。无边记还提供了全面的图形素材库，包括 700 多种可选图形，用户可以改变这些图形的颜色和大小、添加文本，甚至创建个性化图形。
|
||||
|
||||
用户可以将内容从文件和访达等 app 拖放至画板，并通过内置对齐指导轻松保持画板整洁有序。用户只需轻点两下，不必离开画板即可通过速览预览内容，还能同时播放多个视频文件，创建动态视图。图片和 PDF 等内容可以在画板上锁定位置，协作者可以在对象上方或周围添加注释，这意味着无边记极为适合用来为建筑平面图或家装计划描绘灵感，或者供教练在篮球战术板上布置战术。
|
||||
|
||||
iPad Pro 的无边记画板支持多种类型的文件。
|
||||
无边记画板支持多种类型的文件，用户无需离开画板即可实时预览，特别适合为学校项目汇集文档或者规划下一次旅行。
|
||||
|
||||
|
||||
|
||||
## 协作空间
|
||||
|
||||
无论用户在办公室或是出门在外，无论是独立工作还是与他人协作，无边记都能派上大用场。无边记支持多人在同一块白板上协作，为集体项目或与好友规划度假方案创造共享创意空间。
|
||||
|
||||
利用信息 app 的全新协作功能，用户只需将无边记画板拖入信息对话串就能邀请他人在白板上展开协作。对话串的所有成员都会自动被邀请加入画板，马上开始协作。有人编辑内容后，活动更新会出现在信息对话串顶部。
|
||||
|
||||
这款 app 内置了 FaceTime 通话功能，用户使用无边记时，轻点屏幕右上角的协作按钮，即可发起 FaceTime 通话。依托快速同步功能和 iCloud 集成，所有协作者都可以查看其他人添加的内容或者改动。无边记白板会在 iPhone、iPad 和 Mac 间同步，用户可以通过链接或电子邮件邀请他人，还能以 PDF 格式导出画板，或者截取屏幕。
|
||||
|
||||
iPad Pro 上，无边记正在使用 FaceTime 通话协作功能。
|
||||
依托 FaceTime 和 iCloud 集成，无边记为协作而设计，帮助用户更轻松地邀请他人在画板上共同工作。
|
||||
|
||||
|
||||
|
||||
## 推出时间
|
||||
|
||||
今日起，所有支持 iOS 16.2、iPad OS 16.2 或 macOS Ventura 13.1 的 iPhone、iPad 及 Mac 均可免费下载无边记。
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 'Apple 公布第一季度业绩'
|
||||
pubDate: 2035-03-01
|
||||
description: '活跃设备现有使用量突破 20 亿大关，在所有主要产品类别均创下历史新高'
|
||||
author: 'Apple Newsroom'
|
||||
cover:
|
||||
url: 'https://www.apple.com.cn/newsroom/images/apple-logo_black.jpg.landing-regular_2x.jpg'
|
||||
square: 'https://www.apple.com.cn/newsroom/images/apple-logo_black.jpg.landing-regular_2x.jpg'
|
||||
alt: 'cover'
|
||||
tags: ["新闻稿", "Apple", "财报"]
|
||||
theme: 'light'
|
||||
featured: false
|
||||
---
|
||||
|
||||
加利福尼亚州，库比提诺 Apple 今日发布了截至 2022 年 12 月 31 日的 2023 财年第一季度财务业绩。公司公布本季度营收达到 1172 亿美元，同比下降 5%。本季度稀释后每股收益为 1.88 美元。
|
||||
|
||||
“在继续应对挑战性环境的同时，我们很自豪能推出迄今最出色的产品和服务。与以往一样，我们继续致力于放眼长远，在一切行动中贯彻我们的价值观。”Apple CEO Tim Cook 表示， “在 12 月季度，我们达成了一项里程碑式的成就：我们很高兴地宣布，我们的活跃设备现有使用量已经突破 20 亿大关。”
|
||||
|
||||
“我们的服务业务营收创下历史新高，达 208 亿美元。尽管宏观经济环境不景气且供应严重受限，按固定汇率计算的公司营收仍然有所增长。”Apple CFO Luca Maestri 表示，“我们本季度创造了 340 亿美元的经营现金流，向股东返还了超过 250 亿美元，并继续投资支持我们的长期增长计划。”
|
||||
|
||||
Apple 董事会已宣布派发每股 0.23 美元的公司普通股现金股息。股息将于 2023 年 2 月 16 日派发给所有在 2023 年 2 月 13 日收市时已登记在册的股东。
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '从农场到海洋：保育红树林，维系当地人生计，保护地球 '
|
||||
pubDate: 2035-07-01
|
||||
pubDate: 2000-01-01
|
||||
description: 'Apple 与 Applied Environmental Research Foundation 合作，将促进印度马哈拉施特拉邦红树林的保育工作'
|
||||
author: 'Apple Newsroom'
|
||||
cover:
|
||||
|
|
|
|||
|
|
@ -1,122 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 'UE5.1新功能在《堡垒之夜：大逃杀》第四章中的实战测试'
|
||||
pubDate: 2035-05-01
|
||||
description: '在这篇博客文章中，我们将着眼于一些虚幻引擎5功能，它们得益于《堡垒之夜：大逃杀》第四章的检验，已经变得更加完善了；我们还据此对UE 5.1做出了改进，这将帮助你创建更加精致和快速的开放世界游戏。'
|
||||
author: '虚幻引擎官网'
|
||||
cover:
|
||||
url: 'https://cdn2.unrealengine.com/unreal-engine-5-1-features-for-fortnite-chapter-4-header-1920x1080-2e96869442d6.jpg?resize=1&w=1920'
|
||||
square: 'https://cdn2.unrealengine.com/unreal-engine-5-1-features-for-fortnite-chapter-4-header-1920x1080-2e96869442d6.jpg?resize=1&w=1920'
|
||||
alt: 'cover'
|
||||
tags: ["功能", "虚幻引擎", "游戏"]
|
||||
theme: 'dark'
|
||||
featured: false
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
十二月初，当《堡垒之夜：大逃杀》第四章第一赛季发布时，玩家很难不注意到视觉保真度和细节得到了质的提升。这并不是巧合，通过虚幻引擎5.1，游戏的最新章节利用了虚幻引擎5最具创新性的全新功能，如Lumen、Nanite、虚拟阴影贴图和时序超级分辨率等等。
|
||||
|
||||
《堡垒之夜：大逃杀》第四章出色地展示了Epic Games“吃自家狗粮”的决心，我们在真正的游戏开发压力下对新功能做出了实战测试。这一举措促使我们改进了在UE 5.0中引入的创新功能集，它们随后被交付给了《堡垒之夜》团队使用。
|
||||
|
||||
我们之前通过《黑客帝国觉醒：虚幻引擎5体验》对UE5中的功能进行了测试，在最新一代的主机上以30FPS的帧率展示了一座逼真的城市。在《堡垒之夜：大逃杀》第四章中，开发团队面临着新出现的挑战：确保游戏在所有平台上以60FPS的帧率运行，同时在以建设和破坏为特色的大型动态开放世界中提供当今玩家所期望的质量——高标准的风格化画面、精致的植被以及昼夜循环。
|
||||
|
||||
在这篇博客文章中，我们将着眼于一些在第四章中得到检验并因此获益良多的功能。我们还会提供一些深层次文章的链接，它们更加详细地介绍了我们对Lumen、Nanite和虚拟阴影贴图的改进，探讨了我们从《堡垒之夜：大逃杀》第四章的工作中所汲取的经验，我们相信这些经验将有助于你使用虚幻引擎5创建更加精致、快速的开放世界游戏。
|
||||
|
||||
## Lumen
|
||||
|
||||
Lumen是虚幻引擎5中新引入的实时全局光照和反射解决方案。Lumen使用硬件和软件光线追踪提供逼真的间接反射光照、反射和阴影，它们能够对直接光照和几何体的变化做出动态反应。举例而言，你可以通过Lumen实现：一面蓝色的墙，为附近所有物体或角色带来一丝蓝色色调；黄金时刻的阳光穿过一扇窗户，在没有任何局部光源的情况下照亮整间房屋；当一扇外门被打开时，光线进入房间。
|
||||
|
||||
我们针对《堡垒之夜：大逃杀》第四章，在虚幻引擎中改进了Lumen的许多方面。我们优化了整个系统，使我们能够在支持Lumen的平台上实现60FPS的帧率，同时极大地提高间接光照和反射的质量。
|
||||
|
||||
《堡垒之夜》的世界充满了树木和草地，这是一片理想的试验场，让我们能够改进Lumen间接光照在这类环境中的质量。
|
||||
|
||||
|
||||
|
||||
|
||||
## Nanite
|
||||
Nanite彻底改变了美术师和设计师构建虚拟世界的方式，它在突破几何细节极限的同时也简化了创作过程。美术师不再需要考虑网格体LOD或给定对象的正确多边形数量，即可实现最佳视觉质量和性能。
|
||||
|
||||
在UE 5.0中，Nanite出色地实现了不透明的刚性几何体，《堡垒之夜》的城市环境充分利用了这一点。无论镜头拉得多近，经过建模的砖块、木材和窗户装饰都能展示复杂的细节。
|
||||
|
||||
从UE 5.1开始，Nanite支持了全局位置偏移和遮罩材质，《堡垒之夜》的美术师能够在极精致的动画树木和树叶上使用这项技术。树叶和草叶被建模成了随风自然摇曳的几何体。为了确保在任意渲染距离都能保留所有重要的茂盛细节，我们还引入了一种让Nanite简化植被几何体的新方法。
|
||||
|
||||
|
||||
|
||||
## 虚拟阴影贴图
|
||||
|
||||
虚拟阴影贴图（VSM）与Nanite相结合，将美术师在《堡垒之夜：大逃杀》第四章中添加的所有复杂几何细节凸显了出来。与传统的级联阴影贴图相比，VSM最大的优势在于，无论物体是近在玩家眼前，还是远在地平线上，它都能提供接近像素级精度的阴影细节。
|
||||
|
||||
新的《堡垒之夜》几何体为我们带来了一个难题：我们需要进一步改进VSM，使其与植被及当日时间动态系统相配合——对于我们之前为提高性能而采用的许多阴影缓存方案来说，此二者成了一道阻碍。当然，这一切都必须符合60FPS的预算。
|
||||
|
||||
《堡垒之夜》现在也在室内使用了许多较小的局部光源，如电灯或天花板顶灯。VSM缓存在这些地方表现出色。像这样大量使用局部光源让我们有机会在UE 5.1中进一步提高VMS的性能。我们可以通过“单通道投射”选项单次批量化处理许多光源的阴影更新，从而提高GPU的利用率。我们还建立了启发式方法，将远距离光源的阴影更新分摊到多个帧中。
|
||||
|
||||
|
||||
|
||||
## 局部曝光
|
||||
Lumen允许美术师创造出对比度极高的场景，例如，在非常暗的房间中透过窗户看到明亮的室外，或者在同一视图中，房屋表面被明亮的天空和太阳照亮，而室内几乎漆黑一片。对于这种视图，单一的曝光值效果不佳：明亮区域最终会出现过度曝光，而黑暗区域则会近乎全黑，无法看清。
|
||||
|
||||
UE5中的曝光系统针对《堡垒之夜：大逃杀》第四章做出了改进，提供了更多工具让美术师实现其所需的美术方向，同时也带来了更出色的性能。美术师现在可以分别控制局部曝光在高光和阴影中的应用，这有助于在高动态范围光照条件下保留细节。除此之外，局部曝光与后期处理管线中的其他部分（尤其是泛光和镜头光斑）更加深入地整合到了一起，使结果更加一致。
|
||||
|
||||
我们还新支持了在忽略材质属性的同时，基于照度计算自动曝光。这有助于材质在不同的光照条件下保持外观的一致，并提高游戏过程中的图像稳定性。
|
||||
|
||||
## 时序超级分辨率
|
||||
时序超级分辨率（TSR）通过将一些成本高昂的渲染计算分摊到多个帧中，使我们能够大幅削减渲染漂亮4K图像的成本。考虑到《堡垒之夜：大逃杀》第四章60FPS的目标，我们需要对TSR做出许多性能和质量上的优化。因此，UE 5.1中的TSR比我们在UE 5.0中发布的版本更好，也更快。我们还改进了TSR依据配置文件（低级、中级、高级和史诗级）对性能和质量的调整范围。
|
||||
|
||||
我们会在即将发布的一篇博客文章中深入探讨这些改进的技术细节。
|
||||
|
||||
## 云层
|
||||
为了配合《堡垒之夜：大逃杀》第四章中视觉保真度的飞跃，我们改进了虚幻引擎5.1中云层渲染的质量。为了满足严格的性能预算，UE5在内部会以较低的分辨率渲染云层，并对其进行向上采样。以前，这会导致遮挡了背景云层的前景网格体周围产生不完整的边缘，致使明亮的天空颜色在边缘处渗透出来。在UE 5.1中，我们可以更好地解决全分辨率下云层向上采样的问题，不会出现这种渗透。我们还改进了当网格体从云层前穿行而过时，对云层的时序重建工作，有效地减少了因移除遮挡而产生的尾迹。
|
||||
|
||||
|
||||
|
||||
## Niagara
|
||||
《堡垒之夜》利用Niagara视效系统创造了由美术师主导的程序化破坏效果。Niagara能够对游戏做出反应，每当武器击中目标时，都能生成并准确模拟飞溅的碎片。
|
||||
|
||||
《堡垒之夜：大逃杀》第四章中新推出的高保真火焰使用基于体素的传播机制，更好地表现了火焰在表面和地形上的蔓延，同时还支持在载具及物理对象间传播火焰。为了正确放置火焰，并将其对准到燃烧表面，该系统使用了在引擎内部经过烘焙的Niagara流体模拟，并将其应用到了Niagara粒子中（数据读取自火焰游戏系统）。
|
||||
|
||||
|
||||
|
||||
## 对世界构建的支持
|
||||
随着第四章的发布，《堡垒之夜：大逃杀》现在在每个平台上都使用了UE5最新的世界构建和自动流送解决方案。其中包括世界分区、数据层、关卡实例、自动HLOD以及一Actor一文件。这套工具集有助于建立更具协作性的工作流程，并提升关卡设计师和美术师构建世界的效率。
|
||||
|
||||
与《堡垒之夜》之前版本中使用的自定义流送解决方案相比，目前方案最大的一个不同之处是，新的世界分区系统实现了自动化，开发者需要付出的时间更少了，同时，HLOD的过渡也更加稳定，提供了更好的整体游戏体验。
|
||||
|
||||
第四章包含超过10万个Actor文件，为了更有效地处理如此之多的文件，我们改进了变更列表窗口，增加了新的用户体验和新的非受控变更列表类型，并将它与场景大纲视图和主视口更好地集成在了一起。
|
||||
|
||||
为了给第四章提供支持，我们做的进一步改进是在寻路网格体（静态和动态）的生成功能中添加对世界分区的支持。这意味着你可以加载一个世界单元，为其生成寻路网格体，将其序列化，然后卸载该单元并继续处理下一单元。
|
||||
|
||||
在UE 5.1中，所有开发者都可以使用这些经过改进的功能，并且，随着《堡垒之夜》团队不断对这些功能展开实战测试，我们可以期待在未来版本中看到进一步的改进。
|
||||
|
||||
|
||||
|
||||
|
||||
## 智能对象和状态树
|
||||
智能对象允许AI在关卡中选择一个对象或区域，并动态注入行为。相关的数据和配置（如动画）会被存储在对象中，而不是代理中，这实现了大量代理之间的共享，促成了更高效的内存利用和更出色的性能，无需编辑核心行为即可更灵活地扩展默认行为。
|
||||
|
||||
状态树是一种可扩展的通用状态机，它在灵活的决策树结构（以及直观而紧凑的用户界面）中结合了经典的状态机机制，同时保留了高性能。
|
||||
|
||||
这两项技术在UE 5.0版本中是作为实验功能发布的，但经过《堡垒之夜：大逃杀》第四章中的成功部署后，它们在5.1版本中已进入生产就绪状态。在第四章之前，智能对象只被用于让AI播放简单的动画或表情。通过在智能对象流程中整合状态树，我们成功地实现了更复杂、更丰富的机器人行为，例如机器人与《堡垒之夜》篝火互动的方式。
|
||||
|
||||
|
||||
|
||||
|
||||
## 更高的开发者效率
|
||||
我们一直在寻找提高开发者效率的方法，让他们可以专注于创作过程。《堡垒之夜》采用了新的图形技术，如磁盘空间占用量更大的Nanite，这为我们带来了一项挑战：寻找方法减少团队加载游戏或从Perforce获取内容的时间。
|
||||
|
||||
庞大且分布于多个地点的《堡垒之夜》团队从新的虚幻云DDC中获益匪浅，这是一个为派生数据缓存建立的全球高效模型，允许团队成员快速访问纹理或网格体等内容的优化版本，消除了在本地进行处理的需要。因此，《堡垒之夜》中的编辑器加载时间至少快了2倍。
|
||||
|
||||
虚拟资产减少了内容的磁盘占用量，从而将《堡垒之夜》单个工作空间的同步时间缩短了四倍以上；通过删除多个工作空间共用的重复数据，我们甚至还可以节省更多磁盘空间和同步时间。我们从虚幻资产较小的类属性（如纹理分辨率和格式等）中剥离出了原始纹理像素等大体积数据，并将它们分开存储。从表面看，虚拟资产与普通虚幻资产并没有区别，但是它们要小很多倍。开发者的工作流程几乎无需做出改变，而客户端只在需要时才会下载要在编辑器中使用的数据，显著减少了等待Perforce进行同步的时间。
|
||||
|
||||
## 机器学习
|
||||
虚幻引擎的机器学习（ML）变形器允许你使用自定义的Maya插件训练将在虚幻引擎中实时运行的机器学习模型，为复杂的专有绑定（或任意变形）创建高保真的近似模拟。
|
||||
|
||||
在第四章中，《堡垒之夜》团队使用ML变形器实现了更高质量的角色肌肉和布料变形，Hulk和Sunlit是第一批从中受益的角色。团队能够通过外部DCC工具捕获复杂的变形和模拟，并将几何结果注入它们的游戏绑定。这次实战测试的结果是，ML变形器在UE 5.1中从实验版升级到了测试版，同时，团队与ML变形器的工程师展开了密切合作，使该技术有机会得到进一步完善，他们计划在UE 5.2中增加新功能和稳定性修复。
|
||||
|
||||
## MetaHuman框架
|
||||
在第四章中，《堡垒之夜》团队与3Lateral及MetaHuman团队的开发者密切合作，升级了《堡垒之夜》角色的面部动画功能。其中包括一些对角色质量的更新，例如增加了新角色的表情和关节数量，创建了新的绑定和动画工具，将面部动画推向了新的高度。
|
||||
|
||||
因此，虚幻引擎5.1改进了绑定逻辑的运行时功能，将性能开销控制在了约束范围内，还专门创建了重映射节点，为《堡垒之夜》中MetaHuman技术的向前和向后兼容性提供了支持。
|
||||
|
||||
我们希望你喜欢我们在《堡垒之夜：大逃杀》第四章的开发过程中对虚幻引擎5.1做出的所有改进，并发现它们有助于你将游戏的视觉保真度提升到新水平。我们期待看到结果！
|
||||
|
|
@ -1,69 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '用 iPhone 14 拍摄：摄影佳作激发创作灵感，定格精彩人像、自然与城市风光'
|
||||
pubDate: 2035-09-01
|
||||
description: ''
|
||||
author: 'Apple Newsroom'
|
||||
cover:
|
||||
url: 'https://www.apple.com.cn/newsroom/cn/images/product/iphone/lifestyle/Apple_Shot-on-iPhone-14-models_iPhone-14-Pro-Max-with-the-Main-Camera-by-Xiaobei-Fuzhou_12192022_Full-Bleed-Image.jpg.xlarge_2x.jpg'
|
||||
square: 'https://www.apple.com.cn/newsroom/cn/images/product/iphone/lifestyle/Apple_Shot-on-iPhone-14-models_iPhone-14-Pro-Max-with-the-Main-Camera-by-Xiaobei-Fuzhou_12192022_Full-Bleed-Image.jpg.xlarge_2x.jpg'
|
||||
alt: 'cover'
|
||||
tags: ["新闻稿", "Apple", "iPhone 14", "摄影"]
|
||||
theme: 'dark'
|
||||
featured: true
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
通过 iPhone 14 Pro Max，iPhone 14 Pro，iPhone 14 以及 iPhone 14 Plus 上突破性创新的摄像头系统，中国的摄影师们拍摄并分享令人惊艳的照片和视频，以此激励更多 iPhone 用户在即将到来的节日假期中捕捉亮丽的城市景观、迷人的自然风光，并记录下与亲人相聚的难忘时刻。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
iPhone 14 和 iPhone 14 Plus 为摄影和摄像设立了新标准，搭载具备更大感光元件和像素尺寸的 1200 万像素主摄、首次配备自动对焦功能并采用 ƒ/1.9 光圈的全新前置原深感摄像头，以及超广角摄像头用于拍摄更宽广的场景。除此之外，光像引擎也带来低光表现的巨大跃升。
|
||||
|
||||
通过软硬件深度集成，光像引擎能够提升所有摄像头在中低光环境下的照片表现：超广角摄像头表现提升可达 2 倍，原深感摄像头表现提升可达 2 倍，全新主摄表现提升可达 2.5 倍。iPhone 14 系列还推出全新的运动模式——即使在大幅的抖动和运动中，也能轻松拍摄无比丝滑的视频。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
iPhone 14 Pro 和 iPhone 14 Pro Max 上搭载的 Pro 级摄像头系统挑战 iPhone 影像的能力极限。iPhone 14 Pro 首次采用搭载四合一像素传感器的全新 4800 万像素主摄，同时配备光像引擎使细节的丰富程度达到前所未有的高度。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
从日常到专业使用，iPhone 14 Pro 上推出的摄像头系统将为每一位用户赋能，令他们的照片和视频更出彩。全新 4800 万像素主摄采用四合一像素传感器，可根据拍摄照片进行调整，还具备第二代传感器位移式光学图像防抖功能，全面提升图像质量。这有利于复杂光线环境下的拍摄，尤其在低光条件下也能拍摄到优质的影像。此外，用户现可以用 4800 万像素拍摄 ProRAW 影像，利用每一个像素，为专业用户实现全新的创意工作流。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
加上超广角和长焦摄像头一起，iPhone 14 Pro 现在支持 0.5 倍、1 倍、2 倍和 3 倍共计四个变焦选项 ，使用户无需牺牲画面质量，即可在拍摄照片和视频时拥有更多取景选项。丰富的焦距范围可以轻松应对多种场景，足之所至，即成佳作。四合一像素传感器还支持 2 倍长焦选项，利用该传感器正中的 1200 万像素拍摄全分辨率照片和 4K 视频，无需数码变焦。该选项能够以常用焦距带来光学品质成像，对于人像模式等功能来说非常实用。
|
||||
|
||||
|
||||
|
||||
|
||||
强大的 A16 仿生芯片和配备 5 核图形处理器的 A15 仿生芯片，是驱动强大功能的幕后功臣，如运动模式让摄像师轻松实现更加稳定、丝滑的视频画面，电影效果模式带来沉浸式叙事风格。
|
||||
|
||||
全新的运动模式可拍摄出无比丝滑的视频，应对大幅的抖动、位移和震动，甚至在运动中拍摄时也不例外，让用户在手持拍摄时无需携带云台等外设。该模式支持高达 2.8K 60 fps 视频，而增强的电影效果模式现已支持 4K 分辨率和 24 fps 的电影帧率录制，让用户能够通过生动的叙事释放无穷的创造力，并与全世界分享他们通过 iPhone 所看到的内容。
|
||||
|
||||
自适应原彩闪光灯经过全面重新设计，采用九粒 LED 灯珠阵列，会根据用户选择的照片焦距更改闪光模式，使拍摄对象始终处于最佳光线中。与上一代相比，全新闪光灯亮度提升可达 2 倍，光线均匀度提升可达 3 倍。
|
||||
此外，全新原深感摄像头配备更快的光圈，让低光条件下照片视频更美丽细致，并支持自动对焦功能。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
iPhone 14 系列的所有摄像头均支持夜间模式，这意味着当用户在深夜拍摄风景或在低光条件下自拍时，照片会被神奇地点亮。同时，夜间模式现将广角摄像头的想象力提升到全新水平，得益于更大的感光元件和更快的光圈，使 iPhone 14 和 iPhone 14 Plus 上的曝光时间最快提升可达 2 倍。
|
||||
|
||||
|
||||
|
|
@ -1,453 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 'Golang net/http & HTTP Serve 源码分析'
|
||||
pubDate: 2035-06-01
|
||||
description: '很多Go web框架都通过封装 net/http 来实现核心功能，因此学习 net/http 是研究 Gin等框架的基础。'
|
||||
author: 'Austin'
|
||||
cover:
|
||||
url: 'https://lookcos.cn/usr/uploads/2022/04/2067928922.png'
|
||||
square: 'https://lookcos.cn/usr/uploads/2022/04/2067928922.png'
|
||||
alt: 'cover'
|
||||
tags: ["源码研究", "标准库", "golang", "gin"]
|
||||
theme: 'light'
|
||||
featured: false
|
||||
---
|
||||
|
||||
|
||||
|
||||
服务器在收到请求时，首先进入路由 Router，接着路由会根据 request 请求的路径，找到对应的处理器(Handler)，处理器再根据 request 进行处理并构造 response 进行返回。
|
||||
|
||||
## 利用标准库实现一个简单HTTP Server
|
||||
|
||||
向**main.go**文件写入如下内容：
|
||||
|
||||
```go
|
||||
package main
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"net/http"
|
||||
)
|
||||
|
||||
// 方法一
|
||||
type HelloContext struct {
|
||||
content string
|
||||
}
|
||||
|
||||
func(h *HelloContext) ServeHTTP(w http.ResponseWriter, r *http.Request) {
|
||||
fmt.Fprintf(w, h.content)
|
||||
}
|
||||
|
||||
// 方法二
|
||||
func helloHandler(w http.ResponseWriter, r *http.Request) {
|
||||
fmt.Fprintf(w, "Hello, net/http! v2\n")
|
||||
}
|
||||
|
||||
func main() {
|
||||
http.Handle("/v1", &HelloContext{content: "Hello, net/http! v1\n"})
|
||||
http.HandleFunc("/v2", helloHandler)
|
||||
http.ListenAndServe(":8080", nil)
|
||||
}
|
||||
```
|
||||
|
||||
运行后，可以用 curl 工具进行测试：
|
||||
|
||||
```bash
|
||||
mac:~ $ curl 127.0.0.1:8080/v1
|
||||
Hello, net/http! v1
|
||||
mac:~ $ curl 127.0.0.1:8080/v2
|
||||
Hello, net/http! v2
|
||||
```
|
||||
|
||||
这段代码我们用 http.Handle 和 http.HandleFunc 两种方法分别在路径 /v1 和 /v2 上注册了两个 http.Handler。注意：Handle 和 Handler 是两个东西。
|
||||
这两个 Handler 都对 request 进行了处理，并且通过 fmt.Fprintf 方法写入并返回数据。
|
||||
|
||||
## 处理器
|
||||
|
||||
### http.Handler
|
||||
|
||||
先来了解一下 http.Handler (处理器)，
|
||||
|
||||
```go
|
||||
type Handler interface {
|
||||
ServeHTTP(ResponseWriter, *Request)
|
||||
}
|
||||
```
|
||||
|
||||
它被定义为一个拥有 ServeHTTP 方法的接口，也就是说任何类型，只要实现了 ServeHTTP 方法，就实现了 http.Handler 接口。
|
||||
|
||||
ServeHTTP 方法会读取 *Request 信息，并且向 ResponseWriter 写入 header 与 body 内容。
|
||||
|
||||
## 路由注册
|
||||
|
||||
### http.Handle
|
||||
|
||||
从 main函数出发，来看 http.Handle 函数源码:
|
||||
|
||||
```go
|
||||
func Handle(pattern string, handler Handler) {
|
||||
DefaultServeMux.Handle(pattern, handler)
|
||||
}
|
||||
```
|
||||
|
||||
可以看到，http.Handle 函数调用了 DefaultServeMux.Handle 方法。
|
||||
|
||||
### http.HandleFunc
|
||||
|
||||
再来看 http.HandleFunc 的源码：
|
||||
|
||||
```go
|
||||
func HandleFunc(pattern string, handler func(ResponseWriter, *Request)) {
|
||||
DefaultServeMux.HandleFunc(pattern, handler)
|
||||
}
|
||||
```
|
||||
|
||||
它也调用了 DefaultServeMux.HandleFunc 方法，再看此方法源码：
|
||||
|
||||
```go
|
||||
func (mux *ServeMux) HandleFunc(pattern string, handler func(ResponseWriter, *Request)) {
|
||||
if handler == nil {
|
||||
panic("http: nil handler")
|
||||
}
|
||||
mux.Handle(pattern, HandlerFunc(handler))
|
||||
}
|
||||
```
|
||||
|
||||
不难看出，http.Handle 和 http.HandleFunc 都调用了一个和 ServeMux 对象的 Handle 方法有关。
|
||||
|
||||
这两个方法的作用都是将传入的处理器 (Handler) 注册到对应的路由规则 (pattern)上。
|
||||
|
||||
比如，倒数第三行将 处理器 helloHandler 注册到了路由规则 (路径) /v2 上。这样，当 HTTP 请求的地址是 /v2的时候，就由处理器 helloHandler 来负责处理请求，并且响应。
|
||||
|
||||
mux.Handle 方法中还有一个 http.HandlerFunc ，注意不是 HandleFunc。
|
||||
|
||||
## 适配器与处理器
|
||||
|
||||
### http.HandlerFunc
|
||||
|
||||
```go
|
||||
type HandlerFunc func(ResponseWriter, *Request)
|
||||
```
|
||||
|
||||
HandlerFunc 可以理解为一个适配器，它允许使用普通的函数成为处理器 Handler 对象，前提是这个普通函数拥有 func(ResponseWriter, *Request) 签名。
|
||||
|
||||
上文说到，任何类型只要实现了 ServeHTTP 方法，那它就实现了 Handler接口，它就是一个 Handler 类型。
|
||||
|
||||
```go
|
||||
func (f HandlerFunc) ServeHTTP(w ResponseWriter, r *Request) {
|
||||
f(w, r)
|
||||
}
|
||||
```
|
||||
|
||||
这里呢，非常的巧妙，HandlerFunc 类型实现了 ServeHTTP 方法，并且又将 ServeHTTP方法的参数传给了自身。
|
||||
|
||||
也就是说：
|
||||
|
||||
1. 一个普通的函数，只要参数是 ResponseWriter 和 *Request，或者换种标准点的说法，它的函数签名为 func(ResponseWriter,*Request)，那么它就是 HandlerFunc 类型。
|
||||
2. 由于 HandlerFunc 自身实现了 ServeHTTP方法，所以这个普通函数又实现了 Handler 接口，成了 Handler 类型。
|
||||
|
||||
到这里，如何注册、DefaultServeMux 和 ServeMux 是什么，我们暂时还不知道，为了便于理解，这个下文再说。
|
||||
|
||||
## 监听与服务
|
||||
|
||||
### http.ListenAndServe
|
||||
|
||||
接着往下走，看一下 http.ListenAndServe 做了哪些事情：
|
||||
|
||||
```go
|
||||
// ListenAndServe listens on the TCP network address addr and then calls
|
||||
// Serve with handler to handle requests on incoming connections.
|
||||
// Accepted connections are configured to enable TCP keep-alives.
|
||||
//
|
||||
// The handler is typically nil, in which case the DefaultServeMux is used.
|
||||
//
|
||||
// ListenAndServe always returns a non-nil error.
|
||||
func ListenAndServe(addr string, handler Handler) error {
|
||||
server := &Server{Addr: addr, Handler: handler}
|
||||
return server.ListenAndServe()
|
||||
}
|
||||
```
|
||||
|
||||
不难看出，http.ListenAndServe 负责监听 TCP 网络地址 addr, 代码中写的是`:8080` 也即是监听 8080 端口，并且处理相关的请求。
|
||||
|
||||
这里传入的第二个参数是 Handler 类型，根据注释可以看出：如果传入值为 nil ，那么将会使用 DefaultServeMux 。
|
||||
|
||||
## 服务复用器
|
||||
|
||||
### DefaultServeMux
|
||||
|
||||
```go
|
||||
// DefaultServeMux is the default ServeMux used by Serve.
|
||||
var DefaultServeMux = &defaultServeMux
|
||||
|
||||
var defaultServeMux ServeMux
|
||||
```
|
||||
|
||||
说白了，DefaultServeMux 是 ServeMux 类型的一个实例，由标准库创建。
|
||||
|
||||
下面看 ServeMux 结构体的源码。
|
||||
|
||||
### ServeMux
|
||||
|
||||
ServeMux 是一个结构体，它的作用是服务复用器。
|
||||
|
||||
```go
|
||||
type ServeMux struct {
|
||||
mu sync.RWMutex
|
||||
m map[string]muxEntry
|
||||
es []muxEntry // slice of entries sorted from longest to shortest.
|
||||
hosts bool // whether any patterns contain hostnames
|
||||
}
|
||||
```
|
||||
|
||||
因为涉及并发，所以这里有个读写锁 mu，主要用于保护下面的 map 类型的成员 m。
|
||||
|
||||
es 与 hosts 和路由规则匹配有关。
|
||||
|
||||
这里重点关注一下 m，它是一个 map ，key 是 string 类型的路由表达式，val 是 muxEntry 类型的结构体。
|
||||
|
||||
```go
|
||||
type muxEntry struct {
|
||||
h Handler
|
||||
pattern string
|
||||
}
|
||||
```
|
||||
|
||||
muxEntry 结构体，描述了路由规则 pattern 对应的处理器 h。
|
||||
|
||||
### mux.Handle
|
||||
|
||||
上文中，http.Handle 和 http.HandleFunc 都调用了 mux.Handle 方法。
|
||||
|
||||
它是结构体 ServeMux 的方法，也就是说，此方法主要把 Handler 对象注册到给定的 pattern 上，也即**路由注册**。
|
||||
|
||||
```go
|
||||
// Handle registers the handler for the given pattern.
|
||||
// If a handler already exists for pattern, Handle panics.
|
||||
func (mux *ServeMux) Handle(pattern string, handler Handler) {
|
||||
// 为了保护 ServeMux 成员 map 类型的 m 的读写，分别在方法开始和结束的时候进行加锁和解锁的操作。
|
||||
mux.mu.Lock()
|
||||
defer mux.mu.Unlock()
|
||||
// 如果路由规则 pattern 为空，则直接 panic。
|
||||
if pattern == "" {
|
||||
panic("http: invalid pattern")
|
||||
}
|
||||
// 如果 http.Handler 类型的处理器 handler 为空，则panic。
|
||||
if handler == nil {
|
||||
panic("http: nil handler")
|
||||
}
|
||||
// 如果路由规则 pattern 已经存在，则直接 panic。
|
||||
if _, exist := mux.m[pattern]; exist {
|
||||
panic("http: multiple registrations for " + pattern)
|
||||
}
|
||||
// 如果成员 m 为空，则 make 一个新的 map。
|
||||
if mux.m == nil {
|
||||
mux.m = make(map[string]muxEntry)
|
||||
}
|
||||
// 创建一个 muxEntry，并将 pattern 对应的 Handler 放进去。
|
||||
e := muxEntry{h: handler, pattern: pattern}
|
||||
// 写入 m， key 为 pattern ，value 为新建的 muxEntry 类型的 e ，也即新增一个路由规则。
|
||||
mux.m[pattern] = e
|
||||
// 如果路由规则以字符 / 结尾，则给将新建的 muxEntry 类型的 e 放到成员 es 中。
|
||||
// es 是一个切片，使用 http.appendSorted 方法加入元素，以确保 es 中的元素(路由)是从最长到最短。
|
||||
if pattern[len(pattern)-1] == '/' {
|
||||
mux.es = appendSorted(mux.es, e)
|
||||
}
|
||||
// 最后，如果路由规则不是以字符 / 开头，那么给成员 hosts 赋值 true 。
|
||||
if pattern[0] != '/' {
|
||||
mux.hosts = true
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### mux.ServeHTTP
|
||||
|
||||
我把 ServeMux 的 ServeHTTP 方法简称为 mux.ServeHTTP，下文也是一样。
|
||||
|
||||
```go
|
||||
func (mux *ServeMux) ServeHTTP(w ResponseWriter, r *Request) {
|
||||
if r.RequestURI == "*" {
|
||||
if r.ProtoAtLeast(1, 1) {
|
||||
w.Header().Set("Connection", "close")
|
||||
}
|
||||
w.WriteHeader(StatusBadRequest)
|
||||
return
|
||||
}
|
||||
h, _ := mux.Handler(r)
|
||||
h.ServeHTTP(w, r)
|
||||
}
|
||||
```
|
||||
|
||||
ServeMux 结构体同样实现了 ServeHTTP 方法，也即它也实现了 Handler 接口，是一个 Handler 类型的对象。
|
||||
|
||||
但它并不负责处理具体的请求，篇幅有限，这里给出，调用的 mux.Handler 方法签名：
|
||||
|
||||
```go
|
||||
func (mux *ServeMux) handler(host, path string) (h Handler, pattern string)
|
||||
```
|
||||
|
||||
总的来说，mux.ServeHTTP 调用了 mux.Handler 方法，通过 host 和 path 找到具体的 处理器 Handler 和路由规则 pattern ，然后让对应的 Handler 的 ServeHTTP 方法去处理请求。
|
||||
|
||||
## 连接与请求的处理
|
||||
|
||||
其实搞懂上面方法以及其之间的关系，对于进一步的学习 Go Web 框架 (比如 Gin ) 就已经有很大的帮助了。从监听与服务开始，代码更加底层，这里我主要关心的是，一次请求是如何到达 ServeHTTP 的。
|
||||
|
||||
http.ListenAndServe 方法中，使用传入的监听地址 addr 和处理器 handler 初始化一个 HTTP 服务器 http.Server。
|
||||
|
||||
Server 结构体，主要定义了需要跑一个 HTTP Server 所需要的参数：
|
||||
|
||||
### Server
|
||||
|
||||
```go
|
||||
type Server struct {
|
||||
Addr string
|
||||
Handler Handler // handler to invoke, http.DefaultServeMux if nil
|
||||
|
||||
TLSConfig *tls.Config
|
||||
ReadTimeout time.Duration
|
||||
ReadHeaderTimeout time.Duration
|
||||
WriteTimeout time.Duration
|
||||
IdleTimeout time.Duration
|
||||
MaxHeaderBytes int
|
||||
TLSNextProto map[string]func(*Server, *tls.Conn, Handler)
|
||||
ConnState func(net.Conn, ConnState)
|
||||
ErrorLog *log.Logger
|
||||
BaseContext func(net.Listener) context.Context
|
||||
ConnContext func(ctx context.Context, c net.Conn) context.Context
|
||||
inShutdown atomicBool // true when server is in shutdown
|
||||
disableKeepAlives int32 // accessed atomically.
|
||||
nextProtoOnce sync.Once // guards setupHTTP2_* init
|
||||
nextProtoErr error // result of http2.ConfigureServer if used
|
||||
|
||||
mu sync.Mutex
|
||||
listeners map[*net.Listener]struct{}
|
||||
activeConn map[*conn]struct{}
|
||||
doneChan chan struct{}
|
||||
onShutdown []func()
|
||||
}
|
||||
```
|
||||
|
||||
这些参数不是重点，接着往下。
|
||||
|
||||
### server.ListenAndServe
|
||||
|
||||
```go
|
||||
func (srv *Server) ListenAndServe() error {
|
||||
if srv.shuttingDown() {
|
||||
return ErrServerClosed
|
||||
}
|
||||
addr := srv.Addr
|
||||
if addr == "" {
|
||||
addr = ":http"
|
||||
}
|
||||
ln, err := net.Listen("tcp", addr)
|
||||
if err != nil {
|
||||
return err
|
||||
}
|
||||
return srv.Serve(ln)
|
||||
}
|
||||
```
|
||||
|
||||
Server 结构体的 ListenAndServe 方法会监听 TCP 网络地址 addr ，然后调用 srv.Serve 处理传入连接的请求。
|
||||
|
||||
### srv.Serve
|
||||
|
||||
```go
|
||||
func (srv *Server) Serve(l net.Listener) error {
|
||||
// ...省略部分
|
||||
for {
|
||||
// 循环监听 TCP 连接
|
||||
rw, err := l.Accept()
|
||||
if err != nil {
|
||||
...省略部分
|
||||
connCtx := ctx
|
||||
if cc := srv.ConnContext; cc != nil {
|
||||
connCtx = cc(connCtx, rw)
|
||||
if connCtx == nil {
|
||||
panic("ConnContext returned nil")
|
||||
}
|
||||
}
|
||||
tempDelay = 0
|
||||
c := srv.newConn(rw)
|
||||
c.setState(c.rwc, StateNew, runHooks) // before Serve can return
|
||||
go c.serve(connCtx)
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Serve 方法在 Listenner l 上接受传入的连接，并且为每一个连接创建 goroutine 。这些 gorutines 会读取请求并且调用 srv.Handler 去响应它们。
|
||||
|
||||
### c.Serve
|
||||
|
||||
```go
|
||||
// Serve a new connection.
|
||||
func (c *conn) serve(ctx context.Context) {
|
||||
// ...
|
||||
for {
|
||||
// 循环接受请求，一个连接可以处理多个请求
|
||||
w, err := c.readRequest(ctx)
|
||||
if c.r.remain != c.server.initialReadLimitSize() {
|
||||
// If we read any bytes off the wire, we're active.
|
||||
c.setState(c.rwc, StateActive, runHooks)
|
||||
}
|
||||
// 这行代码是重点
|
||||
serverHandler{c.server}.ServeHTTP(w, w.req)
|
||||
inFlightResponse = nil
|
||||
w.cancelCtx()
|
||||
if c.hijacked() {
|
||||
return
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### serverHandler
|
||||
|
||||
serverHandler 结构体是一个代理，它会代理 server 的 Handler 或 DefaultServeMux 。
|
||||
|
||||
```go
|
||||
type serverHandler struct {
|
||||
srv *Server
|
||||
}
|
||||
|
||||
func (sh serverHandler) ServeHTTP(rw ResponseWriter, req *Request) {
|
||||
// 这个 handler 就是最初 http.ListenAndServe 传入的 Handler 类型的 handler 。
|
||||
handler := sh.srv.Handler
|
||||
// 如果 http.ListenAndServe 第二个参数是 nil，那么使用 DefaultServeMux 。
|
||||
if handler == nil {
|
||||
handler = DefaultServeMux
|
||||
}
|
||||
if req.RequestURI == "*" && req.Method == "OPTIONS" {
|
||||
handler = globalOptionsHandler{}
|
||||
}
|
||||
|
||||
if req.URL != nil && strings.Contains(req.URL.RawQuery, ";") {
|
||||
var allowQuerySemicolonsInUse int32
|
||||
req = req.WithContext(context.WithValue(req.Context(), silenceSemWarnContextKey, func() {
|
||||
atomic.StoreInt32(&allowQuerySemicolonsInUse, 1)
|
||||
}))
|
||||
defer func() {
|
||||
if atomic.LoadInt32(&allowQuerySemicolonsInUse) == 0 {
|
||||
sh.srv.logf("http: URL query contains semicolon, which is no longer a supported separator; parts of the query may be stripped when parsed; see golang.org/issue/25192")
|
||||
}
|
||||
}()
|
||||
}
|
||||
// 调用 handler 的 ServeHTTP 方法处理请求。
|
||||
handler.ServeHTTP(rw, req)
|
||||
}
|
||||
```
|
||||
|
||||
到这里，连接中的请求，就交给了 handler.ServeHTTP 也即 mux.ServeHTTP 方法来处理。
|
||||
|
||||
然后 mux.ServeHTTP 方法中，mux.Handler 方法，会根据 request 中的 host 和 path 信息，找到对应的 Handler， 这个 Handler 再处理信息。
|
||||
|
||||
### 总结
|
||||
|
||||
Go net/http 标准库，能让我们轻易地写出一个高性能的 HTTP Server，但肯定不能满足实际业务开发，比如动态路由、中间件、鉴权等这是标准库所不具有的。
|
||||
|
||||
很多重复性的工作和常用的工具与特性要由框架来封装和实现，go 很多高性能框架 比如 Gin 都是直接封装了 net/http，这一点难能可贵，由此可见 Go 标准库的价值。
|
||||
|
||||
所以学习优秀 Go web 框架的前提就是弄清楚 net/http Server 部分的源码，同时，也能方便更好的去使用和优化框架。
|
||||
本文所使用的源码均来自 go 1.18.3，部分方法说明翻译自官方注释。
|
||||
|
||||
如有不当之处，请批评指出。
|
||||
155
src/pages/posts/nas.md
Normal file
155
src/pages/posts/nas.md
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: 寝室软路由记录
|
||||
tid: unraid-notes
|
||||
pubDate: 2022-03-12 23:21:59
|
||||
categories:
|
||||
- 更多
|
||||
- 学习
|
||||
cover:
|
||||
url: 'https://oss.nbtca.space/blog/clas/20220312214337.png'
|
||||
description: 寝室软路由的记录，unraid的折腾和各种体验，文件存储，离线下载，游戏服务器……
|
||||
permalink: /pages/a8d792/
|
||||
author:
|
||||
name: jollari
|
||||
link: https://github.com/Jolanyu
|
||||
tags: ["NAS", "DIY", "网络", "UNRAID", "寝室"]
|
||||
---
|
||||
|
||||
# 寝室软路由记录
|
||||
|
||||
> 本文事件开始于 2020 年 5 月，部分内容可能不适用于当下，提及的硬件价格请以市场价格为准。
|
||||
|
||||
## 起因
|
||||
|
||||
说是软路由，实际上更像是一个低功耗的服务器了。除了路由系统之外，也可以作为一个 NAS 来使用，或者是在上面部署一些自己的服务。
|
||||
|
||||
决定组一台软路由的直接原因由于时间隔得太久，已经记不清了。但是装软路由的念头是从很久之前就有了。配一台电脑，有一个折腾的机会本身就是很让人感到兴奋的事了，再加上从最开始 linus[视频](https://www.bilibili.com/video/BV1vx411B7Db)里的服务器，到现在很多视频创作者分享的使用服务器储存，压制素材的经验，看到服务器给他们带来的便利，自己就也想体验一下了。
|
||||
|
||||
同时在寝室应用场景下，对于多设备网络连接和文件存储共享的需求比较强烈。一台服务器刚好能够覆盖我们的需求。
|
||||
|
||||
|
||||
|
||||
## 路程
|
||||
|
||||
### 选择
|
||||
|
||||
#### 硬件
|
||||
|
||||
在论坛上看到了很多 j1900 的方案，我们最开始也是选择了 J1900，但在某次机缘巧合下体验到它的性能之后就开始对选择产生了怀疑。
|
||||
|
||||
|
||||
|
||||
|
||||
之后也看到了和 j1900 类似但是性能强一点的方案， 但是总还是看着感觉不靠谱。后来在 chh 上看到了一个用速龙 200ge 的方案，看起来靠谱很多，性能也够用，但是 TDP 和价格都高出不少。选择陷入了僵局。
|
||||
|
||||
|
||||
|
||||
转机发生在看到了某位即将毕业学长发出的出售信息，学长的价格非常优惠。我们收购后，出售了功耗较高的部件，售后多余的资金和留下的机箱，磁盘等部件使得我们能够接受速龙 200ge 的价格，完成了软路由主机的配置。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
| | 配件 | 价格 |
|
||||
| ---- | ---------------------------- | -------------------------------- |
|
||||
| CPU | AMD 速龙 200ge | -（和主板一起） |
|
||||
| 主板 | 华擎 A320M | 489 |
|
||||
| 散热 | AMD“幽灵”棱镜 (Wraith Prism) | 12（朋友装机剩下的，只付了邮费） |
|
||||
| 内存 | DDR4 8GB 2666 | 125 |
|
||||
| 显卡 | Radeon™ Vega 3 Graphics 核显 | - |
|
||||
| 网卡 | 英特尔 82576EB 双口千兆 | 104 |
|
||||
| 机箱 | 收购再利用 | - |
|
||||
| 电源 | 先马 金牌 500W | - |
|
||||
| SSD | 西数 SSD 240GB | -（收购再利用） |
|
||||
| HDD | 希捷 HDD 1TB | - |
|
||||
| | 希捷 HDD 500GB | - |
|
||||
| | 西数 HDD 500GB | - |
|
||||
|
||||
电源和机械盘都是从家里拿来的之前用剩下的。最后抵扣出售二手部件的收入，总价格大概在 200-300 元。
|
||||
#### 软件
|
||||
|
||||
在系统的选择上我们没有怎么纠结，直接选择了 Unraid。
|
||||
|
||||
考虑到出发点不是主要在存储上，对读写速度以及数据安全并没有太大的的要求，甚至存在上面的文件部分丢失应该也是可以接受的，我们就觉得 Unraid 这种可以后续添加硬盘的方式相比于 raid 会更加适合我们。Unraid 上可以友好的使用虚拟机和 Docker 也能让我们便利的部署一些自己的服务。再加上在 Linus 的视频里很多次看他用到了 Unraid，也想自己尝试一下。
|
||||
|
||||
|
||||
|
||||
在路由系统上，由于之前在路由器上刷过 openwrt，对它的一些设置感觉已经有点熟练了，也成功实现校园网的拨号，这里就直接选择了继续使用 openwrt。
|
||||
|
||||
|
||||
|
||||
使用的固件出于网络等原因没有选择自己编译，在[恩山论坛](https://www.right.com.cn/forum/)上找了一个固件直接拿来用了。（具体的帖子已经找不到了。。。）
|
||||
|
||||
|
||||
|
||||
### 组装&配置
|
||||
|
||||
组装和配置的过程没有什么难的部分，跟着教程走就可以了。我们在配置的时候遇到的问题都是教程没有看清楚导致的。胆大心细，应该就没什么问题了。
|
||||
|
||||
#### 硬件部分
|
||||
|
||||
这里就只放几张组装时拍的图了。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#### 软件部分
|
||||
|
||||
Unraid 的部分参考 b 站上司波图的[教程](https://www.bilibili.com/video/BV1nE411B73Y)就行了，讲的非常仔细，注意不要睡着就可以了。
|
||||
|
||||
## 
|
||||
|
||||
## 体验
|
||||
|
||||
### 储存
|
||||
|
||||
这个感觉是带来的最大便利。平时的一些学习资料或者游戏之类的大文件放在上面寝室里传一下很方便，出去帮忙修电脑的时候也可以直接用 ftp 连回来找一点工具或者安装包这种，活动要用的文件放在上面也方便参加的人直接去拿。
|
||||
|
||||
|
||||
|
||||
Mac 也可以用 Time Machine 备份在上面，用起来会安心一点。
|
||||
|
||||
|
||||
|
||||
### 网络
|
||||
|
||||
在 openwrt 上使用校园网拨号上网，可以多设备连接。
|
||||
|
||||
|
||||
|
||||
最后网络的布置是这样的。
|
||||
|
||||
|
||||
|
||||
### Unraid
|
||||
|
||||
Unraid 用起来感觉还可以，比较适合我们这种陆续加硬盘的情况。图中的几块硬盘除了做缓存的固态，其余的都是从家里带来的旧硬盘。
|
||||
|
||||
|
||||
|
||||
自带的 docker 和虚拟机用起来感觉都很方便。
|
||||
|
||||
v2ray 可以方便寝室里没有买校园网的几位室友连回寝室来上网，稍微省一点流量。
|
||||
|
||||
aria2 可以在校园网范围内控制远程下载，在下载大文件时比较方便。
|
||||
|
||||
|
||||
我们在上面开了两个虚拟机。一个装了 openwrt 做路由器，另一个装了 ubuntu，在需要部署一些服务的时候会用到。
|
||||
|
||||
在上面曾经部署过一个内网的 minecraft 服务器，实现校园网内部联机。
|
||||
|
||||
|
||||
|
||||
## 总结
|
||||
|
||||
总而言之，整套系统无论是文件存储还是 docker 应用部署，都十分便利。站在今天的角度上来看，当初选购 200ge 无疑是十分正确的选择，在购买后，市场上的 200ge 也出现了大幅涨价的现象。但是 A320 主板购入的价格略高，目前在闲鱼上 100 元左右应该就可以买到了。搭建这台软路由让我们大量接触到了计算机网络以及 linux 方面的知识，受益良多，在之后课程的学习上也有了可以实际参考的经验。
|
||||
|
||||
|
||||
|
|
@ -1,174 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '浅谈 Go 1.18.1的切片扩容机制'
|
||||
pubDate: 2022-04-17
|
||||
description: '从Go源码分析切片的扩容机制。'
|
||||
author: 'Austin'
|
||||
cover:
|
||||
url: 'https://lookcos.cn/usr/uploads/2023/02/1277661091.png'
|
||||
square: 'https://lookcos.cn/usr/uploads/2023/02/1277661091.png'
|
||||
alt: 'cover'
|
||||
tags: ["源码研究", "标准库", "golang", "slice"]
|
||||
theme: 'dark'
|
||||
featured: false
|
||||
---
|
||||
|
||||
|
||||
|
||||
Go 1.18.1的源码大小为439Mib
|
||||
|
||||
```bash
|
||||
root@ubuntu:/home/lookcos/go# du -sh
|
||||
439M .
|
||||
```
|
||||
|
||||
用`grep`命令可以在3秒内找到目标代码所在文件以及行数。
|
||||
|
||||
```bash
|
||||
root@ubuntu:/home/lookcos/go# grep -rn "type slice struct" .
|
||||
./src/runtime/slice.go:15:type slice struct {
|
||||
./src/cmd/compile/internal/types/size.go:20:// type slice struct {
|
||||
```
|
||||
|
||||
在`src/runtime/slice.go`的第十五行，可以看到对`slice`的定义：
|
||||
|
||||
```bash
|
||||
15 type slice struct {
|
||||
// 切片底层数组指针
|
||||
16 array unsafe.Pointer
|
||||
// 切片长度
|
||||
17 len int
|
||||
// 切片容量
|
||||
18 cap int
|
||||
19 }
|
||||
```
|
||||
|
||||
### Go slice的扩容：
|
||||
|
||||
```go
|
||||
nums := []int{1, 2}
|
||||
nums = append(nums, 2, 3, 4)
|
||||
```
|
||||
|
||||
对于上面的代码：
|
||||
|
||||
1. `nums`初始化时，cap大小为2。
|
||||
|
||||
2. 在进行`append`操作时，添加了3个元素。
|
||||
|
||||
此时`old.cap = 2`，容量至少为`cap=5`，那么就简单的扩容让`cap=5`了吗？
|
||||
|
||||
|
||||
|
||||
在 `src/runtime/slice.go`的166行处定义了扩容`slice`的函数。
|
||||
|
||||
```bash
|
||||
166 func growslice(et *_type, old slice, cap int) slice {
|
||||
...
|
||||
188 newcap := old.cap
|
||||
189 doublecap := newcap + newcap
|
||||
190 if cap > doublecap {
|
||||
191 newcap = cap
|
||||
192 } else {
|
||||
193 const threshold = 256
|
||||
194 if old.cap < threshold {
|
||||
195 newcap = doublecap
|
||||
196 } else {
|
||||
197 // Check 0 < newcap to detect overflow
|
||||
198 // and prevent an infinite loop.
|
||||
199 for 0 < newcap && newcap < cap {
|
||||
200 // Transition from growing 2x for small slices
|
||||
201 // to growing 1.25x for large slices. This formula
|
||||
202 // gives a smooth-ish transition between the two.
|
||||
203 newcap += (newcap + 3*threshold) / 4
|
||||
204 }
|
||||
205 // Set newcap to the requested cap when
|
||||
206 // the newcap calculation overflowed.
|
||||
207 if newcap <= 0 {
|
||||
208 newcap = cap
|
||||
209 }
|
||||
210 }
|
||||
211 }
|
||||
...
|
||||
```
|
||||
|
||||
|
||||
|
||||
#### 计算预估容量newcap
|
||||
|
||||
| 变量 | 含义 | 说明 |
|
||||
| --------- | ------------------------ | ------------------------------ |
|
||||
| old.cap | 扩容前切片容量 | |
|
||||
| newcap | 预估容量 | 默认为扩容前切片容量(old.cap) |
|
||||
| cap | 扩容后至少需要的最小容量 | `old.cap` + 本次新增的元素数量 |
|
||||
| doublecap | 扩容前切片的2倍容量 | old.cap * 2 |
|
||||
|
||||
大致规则如下：
|
||||
|
||||
|
||||
|
||||
其中,当扩容前容量 >= 256时，会按照公式进行扩容，
|
||||
|
||||
```go
|
||||
newcap += (newcap + 3*threshold) / 4
|
||||
```
|
||||
|
||||
相较于1.7版本时，固定按照1.25倍的速率扩容，在1.81版本中改为了
|
||||
|
||||
> // Transition from growing 2x for small slices
|
||||
> // to growing 1.25x for large slices. This formula
|
||||
> // gives a smooth-ish transition between the two.
|
||||
|
||||
大概意思为：这个公式，对于容量小的切片，按照2倍的速率扩容和对于容量大的切片，按照1.25倍的速度扩容，为两者提供了平滑的过渡。
|
||||
|
||||
|
||||
|
||||
回到刚才的代码，按照这个规则，old.cap = 2, cap = 2 + 3 = 5，那么由于 cap > old.cap *2 ，所以**预估容量** newcap = cap = 5
|
||||
|
||||
|
||||
|
||||
### 内存对齐，进一步调整newcap
|
||||
|
||||
经过预估，得到了newcap = 5，但这并不是最终结果。
|
||||
|
||||
```go
|
||||
219 switch {
|
||||
220 case et.size == 1:
|
||||
...
|
||||
226 case et.size == goarch.PtrSize:
|
||||
...
|
||||
232 case isPowerOfTwo(et.size):
|
||||
...
|
||||
245 default:
|
||||
246 lenmem = uintptr(old.len) * et.size
|
||||
247 newlenmem = uintptr(cap) * et.size
|
||||
248 capmem, overflow = math.MulUintptr(et.size, uintptr(newcap))
|
||||
249 capmem = roundupsize(capmem)
|
||||
250 newcap = int(capmem / et.size)
|
||||
251 }
|
||||
```
|
||||
|
||||
`et`代表元素类型，所以这一步和元素类型有关。
|
||||
|
||||
以整型为例，预估容量 * 元素类型的大小，也即是 5 * 8 = 40 bytes （64位环境下）。
|
||||
|
||||
那么经过roundupsize函数调整，得到结果为 48 bytes，而48 bytes可以装下6个元素，对应调整代码为:
|
||||
|
||||
```go
|
||||
newcap = int(capmem / et.size)
|
||||
```
|
||||
|
||||
所以，最终容量的大小被调整为6。
|
||||
|
||||
|
||||
|
||||
其中`roundupsize`函数位于在`./src/runtime/msize.go`文件中。
|
||||
|
||||
它的作用是：返回mallocgc将分配的内存块的大小。
|
||||
|
||||
也就是，由Go语言的内存管理模块返回给你需要的内存块，通常这些内存块都是预先申请好，并且被分为常用的规格，比如8，16， 32， 48， 64等。
|
||||
|
||||
这里我们需要的内存是40 bytes，所以会分配一个足够用，且最接近的内存块。所以给48bytes，这时，重新调整后的容量 newcap就为6。
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '毕业第一年：从学生向3D美术师的转变'
|
||||
pubDate: 2035-8-01
|
||||
description: '如何从学校踏入暴雪娱乐、DNEG等游戏和视觉特效巨擘，经历鼓舞人心的三位3D美术师给出了他们的专业建议。'
|
||||
author: '虚幻引擎官网'
|
||||
cover:
|
||||
url: 'https://cdn2.unrealengine.com/student-to-3d-artist-header-1920x1080-73d477520f8e.jpg?resize=1&w=1920'
|
||||
square: 'https://cdn2.unrealengine.com/student-to-3d-artist-header-1920x1080-73d477520f8e.jpg?resize=1&w=1920'
|
||||
alt: 'cover'
|
||||
tags: ["特写", "影视", "教育", "游戏", "3d", "新闻稿"]
|
||||
theme: 'dark'
|
||||
featured: true
|
||||
---
|
||||
|
||||
|
||||
|
||||
我们都知道，无论哪个领域，离开学校进入职场的感觉有多么令人生畏。你具备合适的技能吗？你学到的技术能在你获得的工作中发挥作用吗？这足以让你夜不能寐。
|
||||
|
||||
最近，我们采访了一些3D美术师，他们谈到了离开学校，在游戏开发、视觉特效和沉浸式媒体等行业中找到新工作后，自己是如何度过这一转型时期的。如果你有兴趣了解可转移技能、你可能存在的缺漏以及不同3D岗位的日常工作，这篇文章正好适合你。
|
||||
|
||||
## Kris Yu：暴雪娱乐副环境美术师
|
||||
|
||||
在《暗黑破坏神4》团队中，团队中的新人环境美术师的日常工作是怎样的？按照Kris Yu的说法，通常，她首先要登录系统，完成游戏开发引擎的同步，然后开始处理分配给她的环境任务。对于该团队的美术师来说，时间管理至关重要，按时完成任务是成功的基础。Kris说：“重点不在于‘尽最大努力’或‘创造最好的美术作品’，而是必须遵守时间安排，确保一切顺利。”
|
||||
|
||||
她学到了一个有用的技巧，那就是将与任务相关的所有说明和图片全部列出来。一旦完成，她就会在上面打勾。由于每处环境所需的细节程度各不相同，她或她的团队很容易遗漏一些需要解决的问题，而这种方法能够帮助Kris避免出差错。
|
||||
|
||||
很快，她又了解到，电子游戏行业的工作需要大量沟通和团队协作，在家办公时尤其如此。“在这个行业中，能够大胆直言，表达自我，并倾听他人的意见是至关重要的。”Kris说，“人们已经预料到我会提出问题，犯下错误。我不会因为自己的错误而感到懊悔和不安，我会吸取教训并改正，这将使我成长得更快。”
|
||||
|
||||
为了更清楚地了解每天的任务，Kris会定期通过语音与同事及团队领导交流。她的团队还会上传视频，在每周的回顾会议中互相提供反馈，她说这是一种很好的学习方式，也体现出了同事对游戏开发的热情。
|
||||
|
||||
Kris认为，如果自己在进入新工作之前更深入地学习了设计方面的知识就好了。当她还是一名学生时，她倾向于将其他美术师的概念设计当作起点，在这个基础上创建3D环境。有了那种坚实的基础，Kris只需要做出一些小改动，就能完善整体环境。
|
||||
|
||||
当Kris开始与《暗黑破坏神4》的团队协作处理场景构建任务后，她需要进一步顾及3D空间中的玩法设计，但她认为自己缺乏基础设计方面的经验。“我的个人项目不像可玩的游戏那样错综复杂，在游戏中，可移动摄像机所展示的各个角度都应该完美。”Kris说，“所以我还要继续学习空间设计，我已经在阅读建筑类的书籍了，希望学到更多关于建筑结构的知识。”
|
||||
|
||||
那么，Kris如何一毕业就能在暴雪找到工作？她在2022年的Rookie Awards中获得了游戏开发年度新秀奖，其作品还在2022年虚幻引擎学生作品展中展出过。如果你经常访问虚幻引擎网站，甚至可能已经看过她的作品，只是没有注意到而已！
|
||||
|
||||
|
||||
|
||||
在诺蒙学院时，她创作的废弃工厂环境还被评为“学期最佳”，这帮助她在成为美术师的道路上迈向了一个新台阶。“这件作品的灵感源自我最喜欢的电子游戏《最后生还者》。”Kris说，“顽皮狗的游戏是我来美国学习游戏美术的动因，我想重现他们的风格，通过环境本身讲述故事。”这是她使用虚幻引擎5创作的第一个项目，用到了许多新技术和技能，还做了一些实验。Kris的所有资产都是在Maya中建模的，随后，她使用ZBrush进行雕刻，并通过Substance Painter和Designer应用经过平铺和烘焙的纹理。
|
||||
|
||||
|
||||
|
||||
然而，失败是成功之母。Kris承认，在创作获奖项目之前，她在另一个项目中犯了一些错误。“我的研究工作做得不好，在早期阶段缺乏耐心。”Kris说，“我太急于进入项目，后来才发现我收集的参考资料不足以让我根据概念图完成作品。所以我选择启动新项目，而不是继续完成一个有太多问题需要解决的旧项目。”
|
||||
|
||||
犯了这个错误后，Kris会花费更多时间为她的场景寻找大量参考图片。她甚至还亲自前往了其中一个地点。“我花了大约两个月的时间，专门收集参考资料和设计草图。说实话，时间有点长，但这是我所有四件作品中最精致的项目。”Kris说。
|
||||
|
||||
|
||||
|
||||
|
||||
最后，如果你正在研究实时技术，请竭尽全力将自己和作品展现在公众眼前，这么做是值得的。这意味着你将开启新的大门，获得新的机遇。问问Kris就知道了。
|
||||
|
||||
“在2022年的Rookie Awards中获奖后，我得到了很多出现在公众视野中的机会，这在一定程度上帮助我成为了暴雪娱乐《暗黑破坏神4》团队中的全职副环境美术师。”Kris说，“当我在今年的The Game Awards中看到这款游戏后，我终于感觉自己是一名专业的美术师了。”
|
||||
Kris给出了以下专业提示：
|
||||
在深入细节之前，先关注全局
|
||||
|
||||
“我强烈建议你更加注重对整体环境建立起清晰的认识。我见过很多学生直接就钻入微小的细节，比如在一个道具上花太多时间，但如果整体结构存在问题，那就等于是在浪费时间。”
|
||||
记录项目的过程
|
||||
|
||||
“你未来的雇主很在意这个过程，即使你制作的是一个简单的灰盒模型，或是犯了一个严重的错误导致项目失败，都应该将过程记录下来。它将展现你的思路和发挥创意解决问题的能力。这也是我能够获得面试机会，随后进入暴雪工作的部分原因。”
|
||||
展示你的作品
|
||||
|
||||
“大多数3D美术师都会在ArtStation上发布作品，我强烈建议你订阅专业版账户，这样可以在公众面前增加知名度。ArtStation甚至还为学生提供了订阅折扣。比如说，《暗黑破坏神4》的美术总监在那里看了我的作品集后，就在LinkedIn上联系了我。我也会在LinkedIn上发布作品，因为很多专业美术师和招聘人员都在那里寻找候选人。”
|
||||
|
||||
|
||||
|
||||
## Josh Carstens：DNEG管线技术总监助理
|
||||
|
||||
Josh最初进入DNEG工作时，是在长片动画部门担任管线技术总监助理，为《加菲猫》和Netflix的原创圣诞电影《那年圣诞》等正在制作的节目提供支持。尽管他在学校积累了不少虚拟制片经验，并因此吸引了DNEG的注意，但他还没有机会运用它们。然而他相信，机会迟早会到来。
|
||||
|
||||
他的团队为美术师、制片协调员、节目主管提供3D管线方面的支持，有时也会相互提供支持。支持任务包括帮助美术师解决与渲染、绑定和模型相关的问题，让他们能够通过DNEG多年积累的内部工具套件完成开发任务。这一切都是为了确保长篇动画电影的制作过程尽可能顺利。
|
||||
|
||||
当Josh开始在DNEG工作时，他颇有感触——对许多学生来说，当他们结束学业和实习，找到毕业后的第一份工作时，或许会体会到相似的感受。“我在DNEG的职责与实习期间的工作相反，都是软件和编程方面的，属于传统的3D动画制作，严格说来，这些都不是我在学校时的学习重点。”Josh说，“但既然我已经熟悉了所有基础知识，我可以在此基础上更进一步，熟悉Python和影片制作过程。”
|
||||
|
||||
在入职DNEG之前，Josh在Production Resource Group（PRG）有过一段短暂但富有成效的实习经历，这帮助他熟练地掌握了虚拟制片技术。“在实习中，硬件是我们的主要关注点，而且创作形式自由，现在想来，我仍感觉十分新奇。我从中深入地了解了LED技术，对我接下来的学期大有帮助。”Josh说。
|
||||
图片由Josh Carstens提供
|
||||
对于年轻的3D美术师来说，当进入一个岗位时，他们会希望自己已经掌握了某些特定的知识，这是合情合理的。Josh指出，总体而言，他认为自己如果具备更多关于Git和版本控制系统的知识就好了。“我有过这样的经历，我曾花大量时间为我的工作仓库变更基底，然后它闲置了一个月，这时有更新进来了，于是我必须弄清楚如何将我的代码与更新合并。”Josh说，“如果很多内部仓库都有自己的系统，需要据此决定如何建立分支和贡献代码，你可能会感觉很头疼。”然而，Josh在学习过程中的大部分任务都是使用C++或MATLAB完成的，所以他对编程的熟悉程度有助于他应对目前的工作。
|
||||
|
||||
在罗彻斯特理工学院时，Josh曾导演过影片《Reverie》，他日益丰富的虚拟制片技能再次得到了运用。项目由他主导，因此他能够做出富有创意的决定，然后在虚幻引擎中工作，完成后期制作。“我处理了一些紧急状况，例如，我们的Axis Studio授权加密狗在拍摄前故障了，我需要让支持人员连夜给我们邮寄一个新的，否则我们就完全不能使用动作捕捉了。”Josh说，“能够领导这样一个项目，我感觉很满足。”
|
||||
|
||||
|
||||
|
||||
他还认为，虚拟制片和虚幻引擎是一对最佳搭档。“在Epic Games的推动下，虚幻引擎成了虚拟制片的代名词，而且它的授权条款对于新手也非常友好，如果你的计算机显卡和CPU符合要求，那么它就是你的理想之选。”Josh说。
|
||||
|
||||
虚拟制片新手可以看看虚幻引擎网站上的众多学习资源，它们可以补充你所使用的其他教育资源的缺漏之处。
|
||||
Josh给出了一条建议：
|
||||
“为了在DNEG工作，我从纽约州北部搬到了加拿大的蒙特利尔。在这个过程中，搬到新城市时的社交孤立感是我必须面对的问题，尤其是，我在这里无法说母语。在我以前的生活中，我从来没有离开过家人和朋友，我的生活方式发生了很大的改变，我觉得我没有做好充足的准备。然而，我已经认识到，这种感觉非常正常，我想对其他具有相同处境的年轻专业人士说，你并不孤单。花点时间适应，不要害怕与其他人交往。”DNEG最近开始为员工提供免费的法语课程，Josh希望能够借此机会认识其他部门的新朋友。寻找处境类似的其他人（如别的新员工）是减少孤立感的好方法。
|
||||
|
||||
Lara Rende：德雷塞尔大学学生
|
||||
Lara尚未毕业，但她对资深专家所使用的工具并不感到陌生。事实上，我们对她的故事了解得越多，就越觉得即将毕业的学生能够从中受到鼓舞。
|
||||
|
||||
“不要害怕。”Lara说，“我还记得，我的教授在大一的第一堂课上就打开了Maya，在第二堂课上打开了虚幻引擎4。最初，这会让人感到不知所措，但那时我绝不会想到，到了大四，我会参与这么多项目。”
|
||||
|
||||
她之所以能够积累如此丰富的经验，部分原因是她的教授们都知道，她渴望尝试新出现的沉浸式技术。他们曾指导Lara参与宾夕法尼亚州当地植物园的联合研究项目。Lara不仅能够帮忙重现一座历史悠久的建筑（杜邦故居），还可以在这个过程中同时运用多种技术，包括iOS激光雷达、摄影测量和虚幻引擎5。
|
||||
|
||||
|
||||
|
||||
虽然摄影参考资料是3D建模的重要资源，但对Lara来说，最好的方法还是亲自参观一个地方。她花了一天时间游览长木花园，这不仅有助于她感受这个地方的整体状况，还能直接观察到她的团队要重现的房屋，这份经历最终成了Lara在这个项目中最珍爱的时刻。“那一天，我收获了许多参考照片、视频和个人笔记。”Lara说，“在这座历史悠久的建筑里，我知道我正在做的项目将帮助人们看到这个地方300年前的样子，这让我感觉心潮澎湃。”
|
||||
|
||||
然而，尽管Lara的团队使用激光雷达和摄影测量技术扫描了杜邦故居，但他们选择将它们留作参考，在Maya中为房屋建模，这样可以在虚幻引擎中自由地为它添加纹理并制作动画。
|
||||
|
||||
除了3D建模外，Lara还热衷于学习动作捕捉技术。作为德雷塞尔动作捕捉社团的现任社长，她不仅帮助教导社团成员了解动作捕捉的完整过程，还与朋友们一起完成了独立的动作捕捉实践。有时候，她也会单纯享受捕捉韩流舞蹈动作的乐趣。
|
||||
|
||||
Lara最近参加了导演Ian Fursa独立虚拟制片的拍摄，并测试了这些动作捕捉技能。借此机会，她能够通过绝佳视角了解到摄影棚的拍摄过程。拍摄期间，Lara帮助搭建了摄影棚环境，并根据需要配置了动作捕捉摄像机，以便将Vicon追踪到的数据传入虚幻引擎。她还负责建立和拆解布景，操作动作捕捉系统，设置虚拟制片屏幕，以及标记捕捉对象。当她与Remington Scott合作，为Meta制作Notorious B.I.G.的Sky’s The Limit VR演唱会时，她再次采用了这一流程，并取得了巨大的成功。
|
||||
|
||||
|
||||
|
||||
那么，这名最忙碌的学生现在在做什么呢？她很快就要毕业了。不忙于学习的时候，Lara会腾出时间寻找工作，她也在考虑攻读研究生课程是否是最好的选择。且不管她如何选择，她说：“我知道，无论我毕业后做什么工作，我都会继续学习和探索。”
|
||||
|
||||
显然，当Lara进入职场时，3D建模、摄影测量和动作捕捉等方面的实践经验将对她大有帮助。但她的好奇心和不断学习的动力才是真正值得我们学习的。
|
||||
|
||||
|
||||
|
||||
## Lara给出了以下专业提示：
|
||||
|
||||
“在提供给我的所有项目中，我都会全身心投入。当教授需要我在虚幻引擎中创建一个可玩的VR关卡时，即使我没有任何经验，我还是硬拼着完成了。我参与的所有项目都将为我提供非常宝贵的学习经验。如果你真的想在3D领域做出一些成就，就全身心地投入进来吧。人们可以方便地获取到许多工具和教程。虚幻引擎5是免费的！慢慢来，相信自己。”
|
||||
|
|
@ -1,80 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '虚幻引擎5.1带来电影、广播、动画和实况活动新功能'
|
||||
pubDate: 2025-05-01
|
||||
description: '从通过摄像机内视效实现的虚拟制片，到动画项目以及激情四射的实况广播和活动，虚幻引擎为媒体和娱乐管线提供了更庞大、更健壮、更易用的工具集。来看看有哪些新功能吧。'
|
||||
author: '虚幻引擎官网'
|
||||
cover:
|
||||
url: 'https://cdn2.unrealengine.com/unreal-engine-5-1-media-and-entertainment-header-1920x1080-d314b1b23459.jpg?resize=1&w=1920'
|
||||
square: 'https://cdn2.unrealengine.com/unreal-engine-5-1-media-and-entertainment-header-1920x1080-d314b1b23459.jpg?resize=1&w=1920'
|
||||
alt: 'cover'
|
||||
tags: ["功能", "动画", "广播与实况", "虚幻引擎"]
|
||||
theme: 'light'
|
||||
featured: false
|
||||
---
|
||||
|
||||
|
||||
随着虚幻引擎5.1的发布，它所带来的改进将使所有行业的创作者受益。在这篇博文中，我们将特别关注真人与动画影视内容（包括虚拟制片和LED舞台项目）的创作者、广播行业从业者，以及实况活动制作团队，看看他们将享受到哪些新功能。
|
||||
|
||||
过去两年，媒体和娱乐行业的专业人士以及各种规模的公司对虚幻引擎的采用率呈指数级增长，由此诞生了一些成功的项目，如YouTube上由表演驱动的角色动画节目《Xanadu》、Pixomondo的Caledon足球广告以及Fox Sports的新虚拟演播室。在虚幻引擎5.1中，我们的目标是为行业提供比以往更加庞大、健壮和易用的工具集，使他们能够在过去的成功基础上取得更长远的进步。
|
||||
虚幻引擎5.1为媒体和娱乐行业提供的新功能
|
||||
增强对舞台操作的支持
|
||||
在LED舞台快节奏、高压力环境中工作的舞台操作员将新迎来专门的摄像机内视效编辑器，它支持一系列为操作员需要执行的任务而专门定制的工作流程。这在很大程度上消除了舞台操作员在大纲视图中搜寻特定对象和控件的需要。
|
||||
|
||||
我们计划在未来几周发布与该编辑器功能相对应的iOS应用程序，其用户界面经过调整，专为触摸屏交互而设计。相关新闻已报道，我们改进了远程控制API的用户界面、用户体验和性能，使你能够更加迅速、便捷地构建基于浏览器的强大自定义远程控件。
|
||||
|
||||
新编辑器搭载了一个经过改进的发光板系统界面，可显示nDisplay墙的预览。除了使创建、移动和编辑发光板以及保存预设变得直观和高效外，新的发光板系统还可以在墙上维持发光板的形状，消除失真。
|
||||
|
||||
|
||||
|
||||
## 在虚幻引擎5.1中编辑发光板
|
||||
|
||||
颜色校正对于LED舞台工作流程而言至关重要，它是弥合LED墙与实体布景，并对LED墙内容进行微调的关键手段。在摄像机内视效编辑器中，你还可以访问全新的颜色校正窗口（CCWs），它能够单独地将调整应用至其背后的任何东西（类似于颜色分级应用程序中的Power Window），同时还能够逐个对Actor应用颜色校正，减少了对复杂的遮罩的需求。
|
||||
|
||||
## 改进的媒体板工作流程和EXR回放
|
||||
|
||||
还记得要点击几十次才能将EXR或影片文件添加到关卡或Sequencer轨道中吗？在虚幻引擎5.1中，新的媒体板Actor允许你从内容浏览器中轻松拖放镜头。此外，使用适当的SSD RAID，你现在还可以在引擎中或通过nDisplay回放拥有Mipmap贴图、未经压缩的平铺EXR。为了实现最佳回放效果，我们还添加了将EXR转换为恰当格式的功能。
|
||||
|
||||
## 经过全面改造的虚拟摄像机
|
||||
|
||||
与此同时，虚幻引擎中的虚拟摄像机得到了全面改造，它具备了全新的底层框架，能够利用Epic的像素流送技术提高响应速度和可靠性；用户界面也得到了更新，它拥有以摄像机为中心的现代化设计，摄像机操作员将感到更加熟悉。我们还增加了连接硬件设备的功能，为将来的用户界面定制奠定基础。
|
||||
虚幻引擎5.1中改进的虚拟摄像机
|
||||
|
||||
|
||||
|
||||
## 改进的DMX工作流程
|
||||
|
||||
为了将虚幻引擎更加无缝地集成到庞大的DMX生态系统中，我们增强了对MVR格式的支持，以囊括与灯具、制图和配接相关的功能；当虚幻引擎和光照控制台需要共享DMX数据时，这些数据可以在两个系统之间进行同步。我们还改进了像素映射系统的用户体验，以支持通过虚幻引擎内容数据驱动日益复杂的DMX光照灯具。
|
||||
|
||||
## 光照的增强
|
||||
|
||||
虚幻引擎的全动态全局光照和反射系统Lumen现在提供了对nDisplay的初步支持。有了Lumen，当执行改变太阳角度、调整光源或定位反光板等操作时，间接光照会动态做出适应性调整。之前，这些变更还需要一个烘焙步骤，导致创作流程被打断。
|
||||
|
||||
|
||||
|
||||
## 虚幻引擎5.1中Lumen对nDisplay的支持
|
||||
|
||||
目前，可支持的光源数量并不多（总计大约五到七个光源，取决于显卡）。为了应对需要更多光源的复杂场景，我们还改进了GPU Lightmass，添加了对天空大气、固定天空光照以及光源功能（如IES配置文件和矩形光源纹理）的支持，并全面提升了质量和性能。
|
||||
动画和绑定的改进
|
||||
值得一提的是，虚幻引擎5.1为动画内容（尤其是角色）的制作者改进了内置的动画制作工具集。
|
||||
|
||||
现在处于测试阶段的机器学习（ML）变形器能够使用自定义的Maya插件训练将在虚幻引擎中实时运行的机器学习模型，从而为非线性变形器、复杂的专有绑定或任意变形生成近似的高保真模型。这允许你模拟电影质量级的变形，如弯曲的肌肉、隆起的静脉和拉扯的皮肤。
|
||||
|
||||
|
||||
|
||||
角色变形方面的其他改进包括完善了变形器图形编辑器，从而简化了图形的创建和编辑。
|
||||
|
||||
另一方面，控制绑定朝着完全程序化绑定的方向得到了进一步完善，提高了绑定团队的影响力和扩展能力。其核心框架的更新包括一个新的构造事件，允许你通过图表生成绑定层级，还有一个自定义用户事件，用于创建和触发“将FK对齐至IK”之类的绑定事件。
|
||||
|
||||
通过这些更新，你可以创建一个单独的控制绑定资产，它能够自行构建，适应骨骼比例和属性各不相同的角色。例如，同一个控制绑定经过自行调整，可以适应三根手指的怪物或五根手指的人类，你无需对绑定资产做出任何更改。
|
||||
|
||||
我们还扩展了虚幻引擎的多轨非线性动画编辑器Sequencer，为其增加了对约束的支持，包括位置、旋转和查看点。通过这些，你可以快速、轻松地在任何控制绑定或Actor之间创建关系并制作动画，例如，使摄像机始终跟随一名角色；让一名角色始终手握方向盘；制作小丑玩抛接球的杂耍动画；或约束一名牛仔的臀部，使他在马移动时自然地坐在马鞍上，并且手握缰绳。
|
||||
|
||||
## 虚幻引擎5.1中Sequencer对约束的支持
|
||||
|
||||
|
||||
|
||||
Sequencer还通过蓝图和Python脚本公开了更多功能；我们还为其重构了用户界面和用户体验，这不仅提高了稳定性和可扩展性，也完善了动画创作和编辑的工作流程。
|
||||
除此之外，还有很多……
|
||||
|
||||
这些只是虚幻引擎5.1中面向媒体和娱乐工作流程的部分新功能和改进。请访问版本说明，查看完整的功能列表。
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
---
|
||||
layout: '../../layouts/MarkdownPost.astro'
|
||||
title: '2023年VR游戏周即将到来！'
|
||||
pubDate: 2023-04-17
|
||||
description: 'Vr Games Week 2023 Starts Next Week'
|
||||
author: '虚幻引擎官网'
|
||||
cover:
|
||||
url: 'https://cdn2.unrealengine.com/vr-week-2023-header-4-1920x1080-376e6c48383f.jpg?resize=1&w=1920'
|
||||
square: 'https://cdn2.unrealengine.com/vr-week-2023-header-4-1920x1080-376e6c48383f.jpg?resize=1&w=1920'
|
||||
alt: 'cover'
|
||||
tags: ["功能", "动画", "广播与实况", "虚幻引擎"]
|
||||
theme: 'light'
|
||||
featured: false
|
||||
---
|
||||
|
||||
PlayStation VR2即将于下周发布。为表庆祝，我们准备介绍数部即将登陆此平台的虚幻引擎VR游戏，以及一些准备登陆Meta Quest、PCVR等平台的虚幻VR作品。
|
||||
|
||||
|
||||
|
||||
2023年VR游戏周将从2月21日（周二）一直持续到2月25日（周六）。届时，我们将向大家介绍一系列优秀的VR游戏案例，并推介以下项目：
|
||||
《Hubris》
|
||||
《黑相集：之字路VR》
|
||||
《行尸走肉：圣徒与罪人第二章》
|
||||
《穿越火线：塞拉小队》
|
||||
一期以VR为主题的Inside Unreal直播
|
||||
一款尚未公布的VR游戏
|
||||
还有更多精彩内容等你来发现！
|
||||
|
||||
欲了解最新消息，请收藏我们的VR游戏周活动页面.
|
||||
8
tailwind.config.mjs
Normal file
8
tailwind.config.mjs
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
6
tsconfig.json
Normal file
6
tsconfig.json
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/base",
|
||||
"compilerOptions": {
|
||||
"jsx": "preserve"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue