关于最近新出的 Gemma 4，佬们怎么看？
- 内容介绍
- 文章标签
- 相关推荐
对于昨天新出的 Gemma4，佬们都有什么想法？
主要是这次覆盖的面太广了，体积更小，而且听说测试速度都很不错。我打算用我的 mac 去跑一下， openclaw ，接除了 ollama，有没有更高效的载体呢？
--【壹】--：
但是 qwen 真不太怎么样啊
--【贰】--：
那就真可以放心大胆的用了，直接本地部署，不用担心风控不用担心隐私问题不用担心掺水
--【叁】--：
我觉得是想
--【肆】--：
挺强的，尤其对于这种参数量的模型来说 感觉十年后说不定32b小模都比现在的opus4.6强
--【伍】--：
这东西感觉不太行，可能还不如千问3.5的，我个人感觉
--【陆】--：
转盘抽奖测试一次就通过，没有显示异常，没有抽奖结果与转盘内容不一致。
总结
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>幸运大抽奖</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f7f7f7;
font-family: "Microsoft YaHei", sans-serif;
}
.wheel-container {
position: relative;
width: 400px;
height: 400px;
}
/* 指针样式 */
.pointer {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
background-color: #ff4757;
transform: translate(-50%, -50%);
z-index: 10;
border-radius: 50%;
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
user-select: none;
transition: transform 0.1s;
}
.pointer:active {
transform: translate(-50%, -50%) scale(0.9);
}
/* 小箭头指示方向 */
.pointer::after {
content: '';
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 25px solid #ff4757;
}
canvas {
width: 100%;
height: 100%;
transition: transform 4s cubic-bezier(0.15, 0, 0.15, 1);
}
#result {
margin-top: 30px;
font-size: 24px;
font-weight: bold;
color: #333;
height: 30px;
}
</style>
</head>
<body>
<h1>🎡 幸运大抽奖</h1>
<div class="wheel-container">
<div class="pointer" id="spin-btn">抽奖</div>
<canvas id="wheelCanvas" width="800" height="800"></canvas>
</div>
<div id="result">准备好迎接好运了吗？</div>
<script>
const canvas = document.getElementById('wheelCanvas');
const ctx = canvas.getContext('2d');
const spinBtn = document.getElementById('spin-btn');
const resultDisplay = document.getElementById('result');
// 1. 配置奖项
const prizes = [
{ text: '10元红包', color: '#ff9f43' },
{ text: '谢谢参与', color: '#ee5253' },
{ text: '50元现金', color: '#ff9f43' },
{ text: '幸运礼包', color: '#ee5253' },
{ text: '1元抵用券', color: '#ff9f43' },
{ text: '特等奖!', color: '#ee5253' },
{ text: '抱抱安慰', color: '#ff9f43' },
{ text: '免单机会', color: '#ee5253' },
];
const numPrizes = prizes.length;
const arc = 2 * Math.PI / numPrizes; // 每个扇形的弧度
let currentRotation = 0; // 当前旋转角度
let isSpinning = false;
// 2. 绘制转盘
function drawWheel() {
const radius = canvas.width / 2;
ctx.clearRect(0, 0, canvas.width, canvas.height);
prizes.forEach((prize, i) => {
const angle = i * arc;
// 绘制扇形
ctx.beginPath();
ctx.fillStyle = prize.color;
ctx.moveTo(radius, radius);
ctx.arc(radius, radius, radius, angle, angle + arc);
ctx.fill();
ctx.stroke();
// 绘制文字
ctx.save();
ctx.translate(radius, radius);
ctx.rotate(angle + arc / 2);
ctx.textAlign = 'right';
ctx.fillStyle = 'white';
ctx.font = 'bold 40px Microsoft YaHei';
ctx.fillText(prize.text, radius - 40, 15);
ctx.restore();
});
}
// 3. 抽奖逻辑
function spin() {
if (isSpinning) return;
isSpinning = true;
resultDisplay.innerText = '运气加持中...';
// 随机旋转圈数 (5-10圈) + 随机角度
const extraDegree = Math.floor(Math.random() * 360);
const totalRotation = currentRotation + (360 * (5 + Math.floor(Math.random() * 5))) + extraDegree;
currentRotation = totalRotation;
canvas.style.transform = `rotate(${totalRotation}deg)`;
// 计算结果
// 因为转盘是顺时针转，指针在上方(270度方向)
// 最终停下的位置 = (360 - (总角度 % 360) + 270) % 360
setTimeout(() => {
const actualDegree = totalRotation % 360;
// 计算指针指向的索引
// 指针在正上方，Canvas 0度在右侧。
// 偏移量计算：(360 - 实际旋转角度 + 270度偏移) % 360
const winningIndex = Math.floor(((360 - actualDegree + 270) % 360) / (360 / numPrizes));
resultDisplay.innerText = `恭喜你获得了：${prizes[winningIndex].text}！🎉`;
isSpinning = false;
}, 4000); // 与 CSS transition 时间一致
}
spinBtn.addEventListener('click', spin);
// 初始化
drawWheel();
</script>
</body>
</html>
Screenshot_20260404_023653720×1022 66.2 KB
--【柒】--：
比千问3.5好多了，其实。尤其这个参数。真的很性价比
--【捌】--：
工具调用和智能体编排比不上，差太远。多模态方面好一点点。
千问也有小参数量。
--【玖】--：
是吧，我也是觉得看起来不错，因为我更想要多模态的，明天试试看效果
--【拾】--：
就是千问3.5的那几个小模型
对于昨天新出的 Gemma4，佬们都有什么想法？
主要是这次覆盖的面太广了，体积更小，而且听说测试速度都很不错。我打算用我的 mac 去跑一下， openclaw ，接除了 ollama，有没有更高效的载体呢？
--【壹】--：
但是 qwen 真不太怎么样啊
--【贰】--：
那就真可以放心大胆的用了，直接本地部署，不用担心风控不用担心隐私问题不用担心掺水
--【叁】--：
我觉得是想
--【肆】--：
挺强的，尤其对于这种参数量的模型来说 感觉十年后说不定32b小模都比现在的opus4.6强
--【伍】--：
这东西感觉不太行，可能还不如千问3.5的，我个人感觉
--【陆】--：
转盘抽奖测试一次就通过，没有显示异常，没有抽奖结果与转盘内容不一致。
总结
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>幸运大抽奖</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
background-color: #f7f7f7;
font-family: "Microsoft YaHei", sans-serif;
}
.wheel-container {
position: relative;
width: 400px;
height: 400px;
}
/* 指针样式 */
.pointer {
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
background-color: #ff4757;
transform: translate(-50%, -50%);
z-index: 10;
border-radius: 50%;
border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
user-select: none;
transition: transform 0.1s;
}
.pointer:active {
transform: translate(-50%, -50%) scale(0.9);
}
/* 小箭头指示方向 */
.pointer::after {
content: '';
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 25px solid #ff4757;
}
canvas {
width: 100%;
height: 100%;
transition: transform 4s cubic-bezier(0.15, 0, 0.15, 1);
}
#result {
margin-top: 30px;
font-size: 24px;
font-weight: bold;
color: #333;
height: 30px;
}
</style>
</head>
<body>
<h1>🎡 幸运大抽奖</h1>
<div class="wheel-container">
<div class="pointer" id="spin-btn">抽奖</div>
<canvas id="wheelCanvas" width="800" height="800"></canvas>
</div>
<div id="result">准备好迎接好运了吗？</div>
<script>
const canvas = document.getElementById('wheelCanvas');
const ctx = canvas.getContext('2d');
const spinBtn = document.getElementById('spin-btn');
const resultDisplay = document.getElementById('result');
// 1. 配置奖项
const prizes = [
{ text: '10元红包', color: '#ff9f43' },
{ text: '谢谢参与', color: '#ee5253' },
{ text: '50元现金', color: '#ff9f43' },
{ text: '幸运礼包', color: '#ee5253' },
{ text: '1元抵用券', color: '#ff9f43' },
{ text: '特等奖!', color: '#ee5253' },
{ text: '抱抱安慰', color: '#ff9f43' },
{ text: '免单机会', color: '#ee5253' },
];
const numPrizes = prizes.length;
const arc = 2 * Math.PI / numPrizes; // 每个扇形的弧度
let currentRotation = 0; // 当前旋转角度
let isSpinning = false;
// 2. 绘制转盘
function drawWheel() {
const radius = canvas.width / 2;
ctx.clearRect(0, 0, canvas.width, canvas.height);
prizes.forEach((prize, i) => {
const angle = i * arc;
// 绘制扇形
ctx.beginPath();
ctx.fillStyle = prize.color;
ctx.moveTo(radius, radius);
ctx.arc(radius, radius, radius, angle, angle + arc);
ctx.fill();
ctx.stroke();
// 绘制文字
ctx.save();
ctx.translate(radius, radius);
ctx.rotate(angle + arc / 2);
ctx.textAlign = 'right';
ctx.fillStyle = 'white';
ctx.font = 'bold 40px Microsoft YaHei';
ctx.fillText(prize.text, radius - 40, 15);
ctx.restore();
});
}
// 3. 抽奖逻辑
function spin() {
if (isSpinning) return;
isSpinning = true;
resultDisplay.innerText = '运气加持中...';
// 随机旋转圈数 (5-10圈) + 随机角度
const extraDegree = Math.floor(Math.random() * 360);
const totalRotation = currentRotation + (360 * (5 + Math.floor(Math.random() * 5))) + extraDegree;
currentRotation = totalRotation;
canvas.style.transform = `rotate(${totalRotation}deg)`;
// 计算结果
// 因为转盘是顺时针转，指针在上方(270度方向)
// 最终停下的位置 = (360 - (总角度 % 360) + 270) % 360
setTimeout(() => {
const actualDegree = totalRotation % 360;
// 计算指针指向的索引
// 指针在正上方，Canvas 0度在右侧。
// 偏移量计算：(360 - 实际旋转角度 + 270度偏移) % 360
const winningIndex = Math.floor(((360 - actualDegree + 270) % 360) / (360 / numPrizes));
resultDisplay.innerText = `恭喜你获得了：${prizes[winningIndex].text}！🎉`;
isSpinning = false;
}, 4000); // 与 CSS transition 时间一致
}
spinBtn.addEventListener('click', spin);
// 初始化
drawWheel();
</script>
</body>
</html>
Screenshot_20260404_023653720×1022 66.2 KB
--【柒】--：
比千问3.5好多了，其实。尤其这个参数。真的很性价比
--【捌】--：
工具调用和智能体编排比不上，差太远。多模态方面好一点点。
千问也有小参数量。
--【玖】--：
是吧，我也是觉得看起来不错，因为我更想要多模态的，明天试试看效果
--【拾】--：
就是千问3.5的那几个小模型