mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 07:44:26 +00:00
updated projects
This commit is contained in:
liyunze
parent
f7eba77789
commit
e0440aa4ca
4 changed files with 119 additions and 113 deletions
64
src/components/projects/MoreProjects.astro
Normal file
64
src/components/projects/MoreProjects.astro
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
---
|
||||
import VideoProject from "./VideoProject.svelte";
|
||||
import Project from "./Project.astro";
|
||||
import TwitchPlays from "../images/projects/twitchplays.webp";
|
||||
---
|
||||
|
||||
<div class="flex h-fit flex-col items-center pt-20 [perspective:1000px]">
|
||||
<div class="w-full max-w-[1440px]">
|
||||
<VideoProject
|
||||
image_src="/images/projects/chess-opencv.webp"
|
||||
image_alt="computer vision chess bot"
|
||||
position="left"
|
||||
video_src="/videos/chess_opencv_demo.webm"
|
||||
title="Computer Vision Chess Bot"
|
||||
description={`
|
||||
A script that plays against opponents on lichess. Uses
|
||||
OpenCV to detect the board and pieces, and the Stockfish
|
||||
chess engine to determine the best moves. Then uses
|
||||
PyAutoGUI to play the moves on the browser.
|
||||
`}
|
||||
tags={[
|
||||
{
|
||||
text: "Python",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-python)",
|
||||
},
|
||||
{
|
||||
text: "OpenCV",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-opencv)",
|
||||
},
|
||||
{
|
||||
text: "PyAutoGUI",
|
||||
textColor: "white",
|
||||
bgColor: "black",
|
||||
},
|
||||
]}
|
||||
client:visible
|
||||
/>
|
||||
<Project
|
||||
position="right"
|
||||
image={TwitchPlays}
|
||||
alt="Twitch Plays X"
|
||||
href="https://github.com/liyunze-coding/TwitchPlaysX"
|
||||
title="Twitch Plays X"
|
||||
description={`Allow Twitch chatters to play games such as Pokemon!
|
||||
Chatters can enter messages such as "up up down down left
|
||||
right B A" and the Python program will trigger the
|
||||
corresponding keypresses.`}
|
||||
tags={[
|
||||
{
|
||||
text: "win32API",
|
||||
bgColor: "var(--color-win32api)",
|
||||
textColor: "white",
|
||||
},
|
||||
{
|
||||
text: "Python",
|
||||
bgColor: "var(--color-python)",
|
||||
textColor: "white",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<script lang="ts">
|
||||
import VideoProject from "./VideoProject.svelte";
|
||||
</script>
|
||||
|
||||
<div class="flex h-fit flex-col items-center pt-20 [perspective:1000px]">
|
||||
<div class="w-full max-w-[1440px]">
|
||||
<VideoProject
|
||||
image_src="/images/projects/chess-opencv.webp"
|
||||
image_alt="computer vision chess bot"
|
||||
position="left"
|
||||
video_src="/videos/chess_opencv_demo.webm"
|
||||
title="Computer Vision Chess Bot"
|
||||
description={`
|
||||
A script that plays against opponents on lichess. Uses
|
||||
OpenCV to detect the board and pieces, and the Stockfish
|
||||
chess engine to determine the best moves. Then uses
|
||||
PyAutoGUI to play the moves on the browser.
|
||||
`}
|
||||
tags={[
|
||||
{
|
||||
text: "Python",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-python)",
|
||||
},
|
||||
{
|
||||
text: "OpenCV",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-opencv)",
|
||||
},
|
||||
{
|
||||
text: "PyAutoGUI",
|
||||
textColor: "white",
|
||||
bgColor: "black",
|
||||
},
|
||||
]}
|
||||
></VideoProject>
|
||||
<VideoProject
|
||||
image_src="/images/projects/aim-lab.webp"
|
||||
image_alt="Computer Vision AimLab Bot"
|
||||
position="right"
|
||||
video_src="/videos/aim_lab_demo.webm"
|
||||
title="Computer Vision AimLab Bot"
|
||||
description={`
|
||||
A script that plays AimLab, a game that helps improve your aim in FPS games. Uses OpenCV to detect the targets and win32API to move the mouse and click.
|
||||
`}
|
||||
tags={[
|
||||
{
|
||||
text: "Python",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-python)",
|
||||
},
|
||||
{
|
||||
text: "OpenCV",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-opencv)",
|
||||
},
|
||||
{
|
||||
text: "win32API",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-win32api)",
|
||||
},
|
||||
]}
|
||||
></VideoProject>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
import TaskWidget from "./TaskWidget.svelte";
|
||||
import CoworkingGuide from "../images/projects/coworking-guide.webp";
|
||||
import Wnrs from "../images/projects/wnrs.webp";
|
||||
import TwitchPlays from "../images/projects/twitchplays.webp";
|
||||
import VideoProject from "./VideoProject.svelte";
|
||||
import Project from "./Project.astro";
|
||||
---
|
||||
|
||||
|
|
@ -37,6 +37,58 @@ import Project from "./Project.astro";
|
|||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<VideoProject
|
||||
client:visible
|
||||
image_src="/images/projects/aim-lab.webp"
|
||||
image_alt="Computer Vision AimLab Bot"
|
||||
position="right"
|
||||
video_src="/videos/aim_lab_demo.webm"
|
||||
title="Computer Vision AimLab Bot"
|
||||
description={`
|
||||
A script that plays AimLab, a game that helps improve your aim in FPS games. Uses OpenCV to detect the targets and win32API to move the mouse and click.
|
||||
`}
|
||||
tags={[
|
||||
{
|
||||
text: "Python",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-python)",
|
||||
},
|
||||
{
|
||||
text: "OpenCV",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-opencv)",
|
||||
},
|
||||
{
|
||||
text: "win32API",
|
||||
textColor: "white",
|
||||
bgColor: "var(--color-win32api)",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<Project
|
||||
position="left"
|
||||
image={Wnrs}
|
||||
alt="We're not really strangers"
|
||||
href="https://liyunze-coding.github.io/wnrs/"
|
||||
label="Visit Site"
|
||||
title="We're not really strangers"
|
||||
description="This is a digital adaptation of the popular card game designed to foster meaningful connections through engaging questions and prompts. Made into a PWA for offline usage on mobile!"
|
||||
tags={[
|
||||
{
|
||||
text: "React",
|
||||
bgColor: "var(--color-react)",
|
||||
textColor: "black",
|
||||
},
|
||||
{
|
||||
text: "TypeScript",
|
||||
bgColor: "var(--color-typescript)",
|
||||
textColor: "white",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<Project
|
||||
position="right"
|
||||
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
|
||||
|
|
@ -86,51 +138,6 @@ import Project from "./Project.astro";
|
|||
client:visible
|
||||
/>
|
||||
</Project>
|
||||
|
||||
<Project
|
||||
position="left"
|
||||
image={Wnrs}
|
||||
alt="We're not really strangers"
|
||||
href="https://liyunze-coding.github.io/wnrs/"
|
||||
label="Visit Site"
|
||||
title="We're not really strangers"
|
||||
description="This is a digital adaptation of the popular card game designed to foster meaningful connections through engaging questions and prompts. Made into a PWA for offline usage on mobile!"
|
||||
tags={[
|
||||
{
|
||||
text: "React",
|
||||
bgColor: "var(--color-react)",
|
||||
textColor: "black",
|
||||
},
|
||||
{
|
||||
text: "TypeScript",
|
||||
bgColor: "var(--color-typescript)",
|
||||
textColor: "white",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<Project
|
||||
position="right"
|
||||
image={TwitchPlays}
|
||||
alt="Twitch Plays X"
|
||||
href="https://github.com/liyunze-coding/TwitchPlaysX"
|
||||
title="Twitch Plays X"
|
||||
description={`Allow Twitch chatters to play games such as Pokemon!
|
||||
Chatters can enter messages such as "up up down down left
|
||||
right B A" and the Python program will trigger the
|
||||
corresponding keypresses.`}
|
||||
tags={[
|
||||
{
|
||||
text: "win32API",
|
||||
bgColor: "var(--color-win32api)",
|
||||
textColor: "white",
|
||||
},
|
||||
{
|
||||
text: "Python",
|
||||
bgColor: "var(--color-python)",
|
||||
textColor: "white",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import PageLayout from "@/layouts/PageLayout.astro";
|
||||
import ProjectsComponent from "../components/projects/ProjectsComponent.astro";
|
||||
import MoreProjects from "../components/projects/MoreProjects.svelte";
|
||||
import MoreProjects from "../components/projects/MoreProjects.astro";
|
||||
import Footer from "../components/global/FooterComponent.astro";
|
||||
---
|
||||
|
||||
|
|
@ -13,7 +13,7 @@ import Footer from "../components/global/FooterComponent.astro";
|
|||
<div id="projects" class="pt-20">
|
||||
<h1 class="mt-10 text-center text-5xl">Projects</h1>
|
||||
<!-- other projects -->
|
||||
<MoreProjects client:load />
|
||||
<MoreProjects />
|
||||
</div>
|
||||
<div class="pb-20">
|
||||
<ProjectsComponent />
|
||||
|
|
|
|||
Loading…
Reference in a new issue