218 lines
10 KiB
HTML
218 lines
10 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Responsive Website Landing Page - With Background Image Slider | Space</title>
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="TMR.css">
|
||
|
|
<title>Team Member Ranking Page</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<header>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="#" class="brand">GLOBAL GAME JAM</a>
|
||
|
|
<div class="menu-btn">
|
||
|
|
<div class="navigation">
|
||
|
|
<div class="navigation-items">
|
||
|
|
<a href="index.html">Home</a>
|
||
|
|
<a href="Team Member Ranking.html">Team Member Ranking</a>
|
||
|
|
<a href=" test.html">Member rank test</a>
|
||
|
|
<a href="https://t.co/P3Uz2F0XHz">التسجيل </a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
|
||
|
|
|
||
|
|
<h4> <span style=>Team Member Ranking</span></h4>
|
||
|
|
<!--image card layout start -->
|
||
|
|
<div class="container">
|
||
|
|
<!--image row start-->
|
||
|
|
<div class="row">
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="The Programmer.jpeg" alt="THE PROGRAMMER">
|
||
|
|
<div class="details">
|
||
|
|
<h2 >The <span>Programmer </span></h2>
|
||
|
|
<p>
|
||
|
|
المبرمج في تطوير الألعاب هو المحترف الذي يقوم بكتابة الأكواد البرمجية التي تدير وتتحكم في جميع جوانب اللعبة.
|
||
|
|
يتعامل المبرمج مع لغات البرمجة مثل C++, C#, Java أو Python لتحقيق وتنفيذ مختلف الأفكار والمفاهيم المرتبطة باللعبة.
|
||
|
|
مهامه تشمل كتابة الأكواد للتفاعل مع المستخدم، إدارة الرسومات، التحكم في الصوت،
|
||
|
|
تطوير الذكاء الاصطناعي إذا كانت اللعبة تتضمن ذلك، وتحقيق تكامل سلس بين مكونات اللعبة المختلفة.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="voice actor.jpeg" alt="voice actor">
|
||
|
|
<div class="details">
|
||
|
|
<h2>The <span>voice actor</span></h2>
|
||
|
|
<p>
|
||
|
|
هو الفنان الذي يقوم بتقديم الأصوات والحوارات للشخصيات داخل اللعبة
|
||
|
|
يقوم بإعطاء الشخصيات نبرة صوتية وشخصية من خلال التعبير عن مشاعرها، والقول بالحوارات،
|
||
|
|
وتقديم أصوات الصراخ أو الضحك وغيرها من التعابير الصوتية.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="Story teller.jpeg" alt="Story teller">
|
||
|
|
<div class="details">
|
||
|
|
<h2>The <span>Story teller</span></h2>
|
||
|
|
<p>
|
||
|
|
هو الشخص أو الفريق المسؤول عن إنشاء وتقديم السيناريو والقصة التي تتمحور حولها اللعبة.
|
||
|
|
يقوم القاص بتطوير العالم الافتراضي، ويصيغ الشخصيات، ويقوم بتحديد الأحداث والتفاصيل التي ستشكل تجربة القصة للاعبين.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
</div>
|
||
|
|
<!--image row end-->
|
||
|
|
<!--image row start-->
|
||
|
|
<div class="row">
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="Designer.jpg" alt="Designer">
|
||
|
|
<div class="details">
|
||
|
|
<h2>The <span>Designer</span></h2>
|
||
|
|
<p>
|
||
|
|
في سياق تطوير الألعاب، مصمم اللعبة أو Game Designer
|
||
|
|
هو الفرد الذي يتولى مسؤولية تصميم تجربة اللعبة بشكل عام. يقوم مصمم اللعبة بتحديد كيفية تفاعل اللاعبين مع العناصر المختلفة
|
||
|
|
داخل اللعبة وكيف يمكنهم الاستمتاع بتجربة ألعاب ممتعة وتحفيزية.
|
||
|
|
<br> تشمل مهام مصمم اللعبة: وضع الفكرة الاساسية , تصميم المراحل , تحديد القواعد والنظام.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="Artist.jpeg" alt="Artist">
|
||
|
|
<div class="details">
|
||
|
|
<h2>The <span> Artist </span></h2>
|
||
|
|
<p>
|
||
|
|
|
||
|
|
يشير فنان اللعبة أو Game Artist إلى الفرد المسؤول عن إنشاء العناصر البصرية التي تشكل جزءًا من تجربة اللعبة.
|
||
|
|
يتضمن دور الفنان في تطوير الألعاب العديد من المهام الإبداعية والتقنية لجعل اللعبة جذابة وجميلة.
|
||
|
|
<br> من بين مهام فنان اللعبة: <br>
|
||
|
|
|
||
|
|
تصميم الشخصيات (Character Design) <br>
|
||
|
|
|
||
|
|
تصميم البيئة (Environment Design) <br>
|
||
|
|
|
||
|
|
تصميم الرسومات (Concept Art) <br>
|
||
|
|
|
||
|
|
رسم الرسومات (2D Art) <br>
|
||
|
|
|
||
|
|
تصميم واجهة المستخدم (UI/UX Design). <br>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
<!--image card start-->
|
||
|
|
<div class="image">
|
||
|
|
<img src="animator.jpg" alt="animator">
|
||
|
|
<div class="details">
|
||
|
|
<h2>The <span>animator</span></h2>
|
||
|
|
<p>
|
||
|
|
هو الشخص المسؤول عن إنشاء الحركة والحياة في
|
||
|
|
الشخصيات والعناصر التفاعلية داخل اللعبة. يستخدم المحرك مجموعة من الأدوات والتقنيات لإنشاء حركة سلسة وواقعية للشخصيات
|
||
|
|
وتفاعلاتها مع العالم المحيط. يقوم بتطبيق مفاهيم الحركة والفيزياء لجعل الشخصيات تبدو وكأنها حية ومتحركة بشكل طبيعي.
|
||
|
|
يتعاون المحرك غالبًا مع فريق التصميم والبرمجة لتحقيق التكامل السلس بين الرسومات والحركة والتفاعلات في اللعبة.
|
||
|
|
تتطلب مهارة المحرك إتقان تقنيات الرسم والحركة والتأثيرات البصرية لإنشاء تجربة لعب ممتعة وواقعية للاعبين.
|
||
|
|
|
||
|
|
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="more">
|
||
|
|
<div class="icon-links">
|
||
|
|
<a href="#"><i class="bi bi-eye-fill"></i></a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--image card end-->
|
||
|
|
</div>
|
||
|
|
<!--image row end-->
|
||
|
|
</div>
|
||
|
|
<!--image card layout end-->
|
||
|
|
|
||
|
|
</html>
|
||
|
|
<footer style="background-color: #434472;">
|
||
|
|
<br>
|
||
|
|
<h4 style="font-size: 25px; direction: rtl;">
|
||
|
|
<span>منظم ومستضيف الفعالية:</span>
|
||
|
|
</h4>
|
||
|
|
<div class="footer-content">
|
||
|
|
<div class="image-container">
|
||
|
|
|
||
|
|
<a href="https://www.ut.edu.sa/ar/Pages/default.aspx"><img src="Tabuk University.png" alt="Tabuk University" style="width: 100px; height: 100px;"></a>
|
||
|
|
<a href="https://twitter.com/GDSCTabuk"><img src="GDSC.png" alt="GDSC"></a>
|
||
|
|
<a href="https://www.dga.sa/"><img src="Digital Games Association.png" alt="Digital Games Association"></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="footer-bottom">
|
||
|
|
<p>Provided by: <span>Tabuk University & GDSC Tabuk -</span> designed by: <span> Raneem Maashi.
|
||
|
|
</span> <br> All rights reserved. © 2024. </p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</html>
|
||
|
|
</html>
|