必看！整蛊小神器合集，友尽神器，整蛊武器集合，附源码下载

2023-12-16 23:22:56

整蛊代码大集合：玩转捉弄，维系友谊

嗨，大家好！我是木木子，一名资深的代码爱好者。最近，我迷上了整蛊代码，它们不仅有趣，还能让友谊更加牢固。今天，我就来分享一波整蛊小代码，希望大家都能用它们来制造欢乐。

视频倒放

试想一下，当你的朋友正专心致志地看着一部视频时，它突然开始倒放了，他会是什么反应？只需要替换掉 reverseVideo.js 这个文件，你就能轻松实现这个效果。代码如下：

(function() {
  var video = document.getElementById('video');
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');

  video.addEventListener('loadeddata', function() {
    var width = video.videoWidth;
    var height = video.videoHeight;

    canvas.width = width;
    canvas.height = height;

    var frameRate = video.frameRate;
    var duration = video.duration;

    var frameCount = frameRate * duration;

    var frameIndex = 0;

    video.addEventListener('seeked', function() {
      frameIndex = Math.floor(video.currentTime * frameRate);
    });

    function drawFrame() {
      ctx.drawImage(video, 0, 0, width, height);

      if (frameIndex > 0) {
        frameIndex--;
        video.currentTime = frameIndex / frameRate;
      }

      requestAnimationFrame(drawFrame);
    }

    requestAnimationFrame(drawFrame);
  });
})();

鼠标点击陷阱

想象一下，当你的朋友毫无防备地点击网页时，却突然弹出一个对话框，上面写着“你被困住了！”，那种惊讶的表情一定会让你捧腹大笑。要制造这个陷阱，只需要几步简单的操作：

将 <html> 标签中的 onclick 属性值设为 trap()。
在你的 HTML 文件中加入一个 <script> 标签，并且在该标签中添加以下代码：

function trap() {
  alert('你被困住了！');
}

旋转屏幕

这个整蛊代码会让你的朋友感到天旋地转。只需将下面的代码添加进你的 HTML 文件，当他们移动鼠标时，屏幕就会跟着旋转：

(function() {
  var body = document.body;

  window.addEventListener('mousemove', function(event) {
    var x = event.clientX;
    var y = event.clientY;

    var angle = Math.atan2(y - window.innerHeight / 2, x - window.innerWidth / 2) * 180 / Math.PI;

    body.style.transform = 'rotate(' + angle + 'deg)';
  });
})();

改变网站颜色

如果你想让你的朋友体验一把五彩斑斓的世界，那就试试这个代码。它会根据鼠标的位置动态改变网站的背景颜色：

(function() {
  var body = document.body;

  window.addEventListener('mousemove', function(event) {
    var x = event.clientX;
    var y = event.clientY;

    var red = Math.floor(x / window.innerWidth * 255);
    var green = Math.floor(y / window.innerHeight * 255);
    var blue = 255 - red - green;

    body.style.backgroundColor = 'rgb(' + red + ', ' + green + ', ' + blue + ')';
  });
})();

声音倒放

如果你想给你的朋友来点“反向操作”，那就试试这个声音倒放代码。它会把音频文件中的声音倒过来播放：

用音频编辑器打开你的音频文件。
选择“效果”菜单，然后选择“反向”。
导出编辑过的音频文件。

更改页面内容

这个代码可以让你的朋友怀疑自己的眼睛。当他们按下键盘上的 “a” 键时，整个网页的内容会瞬间改变：

(function() {
  var body = document.body;

  window.addEventListener('keydown', function(event) {
    if (event.key === 'a') {
      body.innerHTML = '你被骗了！';
    }
  });
})();

结语

以上就是我精心挑选的整蛊代码合集。这些代码不仅能带给你的朋友欢乐，还能让他们对你的技术“刮目相看”。不过，请记住，恶作剧要适度，千万不要过火哦！

常见问题解答