Форум программистов, компьютерный форум, киберфорум
Блог 8Observer8
Форум программистов и сисадминов Киберфорум > Блоги
Войти
Регистрация
Восстановить пароль
Блоги Социальные группы Поиск Сообщения за день  
Старый
Рейтинг: 5.00. Голосов: 2.
Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript из туториала "Unity 2D Minesweeper Tutorial" от NoobTuts
Запись от 8Observer8 размещена 06.03.2022 в 11:49 / Блог 8Observer8
Показов 2620 Комментарии 0
Содержание блога

Игровая демка "Сапёр" на чистом WebGL 1.0 и JavaScript портированная из туториала Unity 2D Minesweeper Tutorial от NoobTuts

Название: 01 - you win.png Просмотров: 9528 Размер: 5.7 Кб Название: 02 - you lose.png Просмотров: 9449 Размер: 7.2 Кб

Для создания игровой демки использовались инструменты:
  • Легковесный бесплатный редактор кода VSCode, который
...
Старый
Рейтинг: 5.00. Голосов: 1.
Загрузка 3D-моделей из Blender из формата dae без текстур на WebGL 1.0. Физический движок Cannon.js для падения кубиков
Запись от 8Observer8 размещена 08.01.2022 в 18:14 / Блог 8Observer8
Показов 1491 Комментарии 0
Содержание блога

В примере загружаются стандартные объекты Blender из формата dae без текстур. Цвет каждого объекта задаётся в самой программе - цвет через uniform-переменную передаётся в фрагментный шейдер. Библиотека...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция по развёртыванию Node.js сервера с WebSockets на бесплатном хостинге Heroku. Веб-клиент и Desktop-клиент (Qt)
Запись от 8Observer8 размещена 17.12.2021 в 07:47 / Блог 8Observer8
Показов 2431 Комментарии 1
Метки heroku, node.js, qt
Содержание блога

Heroku удалил бесплатный хостинг в ноябре 2022. Есть альтернативы, например:
  • https://glitch.com/pricing - даётся 1000 часов на месяц. Файлы проектов будут открыты всем пользователям. Если к приложению не обращаются 5 минут, оно засыпает и просыпается в течение 30 секунду: "Это может привести к задержке ответа
...
Старый
Рейтинг: 5.00. Голосов: 1.
Пример загрузки кубика из gltf 2.0 на JavaScript и WebGL
Запись от 8Observer8 размещена 14.12.2021 в 15:38 / Блог 8Observer8
Показов 1465 Комментарии 0
Метки gamedev, javascript, webgl
Содержание блога

WebGL-демка в песочнице

Исходники: load-cube-from-gltf2-webgl-js.zip (4.1 Кб)

PHP/HTML
1
2
3
4
5
6
7
8

<!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>Loading a
...
Старый
Рейтинг: 5.00. Голосов: 1.
Спрайтовая анимация "Fang Idle" на WebGL 2.0 и JavaScript
Запись от 8Observer8 размещена 13.12.2021 в 13:00 / Блог 8Observer8
Показов 1634 Комментарии 0
Метки gamedev, javascript, webgl
Содержание блога

PHP/HTML
1
2
3
4
5
6
7

<!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,
...
Старый
Рейтинг: 5.00. Голосов: 2.
Спрайтовая анимация "Fang Idle" на WebGL 2.0 и TypeScript
Запись от 8Observer8 размещена 13.12.2021 в 12:52 / Блог 8Observer8
Показов 1255 Комментарии 0
Метки gamedev, typescript, webgl
Содержание блога

Для сборки и запуска примера нужно глобально установить следующие пакеты командой:

npm i -g typescript browserify uglify-js http-server
Зайти в папку с примером и установить локальные пакеты из package.json командой:

npm i
Ввести команду сборки:...
Старый
Рейтинг: 5.00. Голосов: 1.
Использование физического движка Planck.js вместе с TypeScript (Planck.js - это порт физического 2D-движка Box2D)
Запись от 8Observer8 размещена 04.02.2021 в 20:39 / Блог 8Observer8
Показов 2579 Комментарии 0
Метки planck.js, typescript
Содержание блога

Скачать исходники: hello-planckjs-webgl10-ts.zip (4.8 Кб)

Исходники на GitHub: hello-planckjs-webgl10-ts

Установите глобально следующие пакеты:
  • npm i typescript -g
  • npm i browserify -g
  • npm i uglify-js -g

Установите пакеты из `package.json` командой: npm install

Раскомментируйте/Закомментируйте Debug/Release в файлах `index.html` и `main.ts` (см....
Старый
Рейтинг: 5.00. Голосов: 1.
Использование физического движка Ammo.js вместе с TypeScript (Ammo.js - это порт физического 3D-движка Bullet)
Запись от 8Observer8 размещена 29.01.2021 в 18:32 / Блог 8Observer8
Показов 3546 Комментарии 0
Метки typescript
Содержание блога

Скачать исходники: hello-ammojs-webgl10-ts.zip (46.0 Кб)

Исходники на GitHub: hello-ammojs-webgl10-ts

Установите глобально следующие пакеты:
  • npm i typescript -g
  • npm i browserify -g
  • npm i uglify-js -g

Установите пакеты из `package.json` командой: npm install

Раскомментируйте/Закомментируйте Debug/Release в файлах `index.html` и `main.ts` (см. комментарии...
Старый
Рейтинг: 5.00. Голосов: 1.
Определение клика мыши шейдером по фигуре любой формы в 2D и 3D на языках: JavaScript, Python и C++ (Qt)
Запись от 8Observer8 размещена 25.01.2021 в 18:31 / Блог 8Observer8
Показов 4707 Комментарии 0
Метки c++, gamedev, javascript, python, qt
Содержание блога

Почти такой же пример находится в сообщении на TypeScript и C#, но в нём отсутствует масштабирование мира под размер окна.

Исходники:...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция подключения GoogleTest и GoogleMock к Qt Creator в несколько кликов без CMake
Запись от 8Observer8 размещена 21.01.2021 в 15:05 / Блог 8Observer8
Показов 19636 Комментарии 0
Метки c++, mock, qt, unit-test
Содержание блога

Исходники: Calculator_QtCpp.zip (5.4 Кб)

В QtCreator подключение GTest и GMock происходит в несколько кликов из исходников без использования CMake для сборки в библиотеки.
  • Скачиваем архив релиза, который включает в себя GTest и GMock: https://github.com/google/googletest/releases
  • Извлекаем архив в папку, например: E:\Libs
  • В Qt Creator выбираем: "File" > "New Project" > "Other
...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование квадратов, координаты которых считываются с удалённой базы данных MySQL и передаются с сервера через WebSocket
Запись от 8Observer8 размещена 13.01.2021 в 23:16 / Блог 8Observer8
Показов 4278 Комментарии 0
Метки db, mysql
Содержание блога

Скачать исходники: squares-from-mysql-webgl10-js.zip (3.5 Кб)

Развернул пример на бесплатном хостинге Heroku: https://squares-from-mysql-web... kuapp.com/

Ограничение на бесплатном хостинге Heroku такое, что если приложением не пользовались 30 минут, то оно засыпает, но чтобы приложение проснулось достаточно 10-15...
Старый
Рейтинг: 3.67. Голосов: 3.
Подключение Assimp к Qt Creator для использования на Qt C++ и OpenGL
Запись от 8Observer8 размещена 27.11.2020 в 14:26 / Блог 8Observer8
Показов 4979 Комментарии 0
Метки c++, opengl, qt
Содержание блога

Assimp - это библиотека для загрузки 3D моделей из различных форматов. Допустим вы собрали Assimp с помощью CMake и инструментов MinGW, то по окончанию процесса сборки у вас будут собраны следующие библиотеки:

Нажмите на изображение для увеличения Название: AssimpMinGWLibs.png Просмотров: 560 Размер: 5.6 Кб ID: 6599

Также нужна будет папка "include":

Нажмите на изображение для увеличения Название: AssimpInclude.png Просмотров: 539 Размер: 10.1 Кб ID: 6600

Подключается Assimp в Qt Creator следующим образом. Нужно добавить в .pro файл:
  • Путь к "include"
  • Путь
...
Старый
Рейтинг: 3.00. Голосов: 6.
Скелетная анимация на двух костях на Qt C++ и OpenGL
Запись от 8Observer8 размещена 26.11.2020 в 10:01 / Блог 8Observer8
Показов 3557 Комментарии 0
Метки c++, gamedev, opengl, qt
Содержание блога

Исходники:
Переписал этот пример скелетной анимации на двух костях из книги по WebGL (англ., рус.) на Qt C++

Управление:
  • Нижняя кость крутится вокруг оси Y с помощью клавиш
...
Старый
Рейтинг: 3.00. Голосов: 6.
Вращение кубика с помощью клавиш клавиатуры на Qt C++ и OpenGL
Запись от 8Observer8 размещена 25.11.2020 в 15:01 / Блог 8Observer8
Показов 2897 Комментарии 0
Метки c++, gamedev, opengl, qt
Содержание блога

Исходники:
За основу взяты примеры из книги по WebGL: этот и этот (книга: англ., рус.)

Управление: WASD и клавиши стрелок клавиатуры.

Демка для Windows: RotateCubeByKeys_DemoForWindows.zip (11 МБайт)...
Старый
Рейтинг: 2.00. Голосов: 4.
Пример змейки из туториала от NoobTuts: Python Snake Game, переписанный на Qt C++ OpenGL
Запись от 8Observer8 размещена 23.11.2020 в 19:36 / Блог 8Observer8
Показов 2953 Комментарии 0
Метки c++, gamedev, opengl, python, qt
Содержание блога

Демка для Windows: Snake2DNoobTuts_OpenGLES20_Qt5Cpp.zip (11 МБайт)

Исходники на OpenGL ES 2.0 для Desktop, Android и iOS

C++ (Qt)
1
2
3
4
5
6
7
8
9
10

// Add this line to .pro:
// win32: LIBS += -lopengl32
 
#ifdef _WIN32
#include <windows.h>
extern "C" __declspec(dllexport) DWORD NvOptimusEnablement = 0x00000001;
extern "C" __declspec(dllexport) DWORD AmdPowerXpressRequestHighPerformance = 0x00000001;
#endif
 
#include <QtWidgets/QApplication>
...
Старый
Рейтинг: 5.00. Голосов: 1.
[Туториал] Подключение 3D-движка Panda3D к Qt Creator IDE для программировани­я на C++
Запись от 8Observer8 размещена 16.11.2020 в 17:12 / Блог 8Observer8
Показов 2802 Комментарии 0
Метки c++, panda3d, qt
Содержание блога

3D-движкок Panda3D написан на C++ и позволяет создавать интерактивные 3D-приложения не только на Python, но и на C++. Эта пошаговая инструкция поможет вам подключить Panda3D к Qt Creator IDE.

1. Скачайте и установите Panda3D-SDK-1.10.7 x86: https://www.panda3d.org/download/sdk-1-10-7/

2. Скачайте и установите Qt 5.15.1 for MSVC 2019 32-bit: https://www.qt.io/download-open-source На скриншоте показано, что нужно отметить...
Старый
Рейтинг: 5.00. Голосов: 1.
Написал анимацию ходьбы на C++ и Qt OpenGL 3.3
Запись от 8Observer8 размещена 10.08.2020 в 18:44 / Блог 8Observer8
Показов 483 Комментарии 0
Метки c++, gamedev, opengl, qt
Старый
Рейтинг: 2.67. Голосов: 3.
Создание меню для игры на UPBGE 0.2.5. Русский шрифт. Экспорт в exe
Запись от 8Observer8 размещена 11.06.2020 в 14:55 / Блог 8Observer8
Показов 19188 Комментарии 1
Метки blender, gamedev
Содержание блога

BGE вышел из состава 3D-редактора Blender и стал называться UPBGE. Официальный сайт UPBGE: https://upbge.org/ BGE (Blender Game Engine) - это игровой движок, который входил в состав Blender до версии 2.79 включительно, а в версии Blender 2.8 этот игровой движок был полностью удалён из Blender 2.8. BGE продолжает активно развиваться, как самостоятельный игровой движок и называется он теперь UPBGE: https://github.com/UPBGE/upbge Как написано в описании...
Старый
Рейтинг: 5.00. Голосов: 1.
Пример загрузки анимированной модели из формата glTF 2.0 на TypeScript и движке Babylon.js
Запись от 8Observer8 размещена 04.06.2020 в 07:48 / Блог 8Observer8
Показов 3140 Комментарии 0
Метки gamedev, typescript
Содержание блога

Скачать исходники: gates-babylonjs-typescript.zip (6.9 Кб)

Мой пример на бесплатном движке Babylon.js и языке TypeScript, который показывает как загружать анимированную модель из формата glTF 2.0 и располагать проект в песочнице Plunker в нескольких файлах исходного кода

Запустить в песочнице Plunker: https://plnkr.co/edit/WEMBjkkJJbHgVPVJ?preview

Запустить release-версию собранная в bundle.min.js с...
Старый
Рейтинг: 5.00. Голосов: 2.
Создание кроссплатформен­ного приложения с графикой на C#, OpenGL 3.1 и .NET Core
Запись от 8Observer8 размещена 28.05.2020 в 18:20 / Блог 8Observer8
Показов 4913 Комментарии 0
Метки .net, c#, opengl
Содержание блога
  • Устанавливаем кроссплатформенный .NET Core SDK
  • Создаём пустую папку и заходим в неё из консоли: cd your_project
  • Создаём консольное приложение с помощью .NET Core, вводим в консоль команду: dotnet new console
  • Устанавливаем кроссплатформенную библиотеку OpenTK: dotnet add package OpenTK.NetStandard --version 1.0.5.22
  • Открываем проект в кроссплатформенном лекговесном редакторе кода VSCode, команда в консоли: code . (плагин: C#
    Microsoft    )
  • Копируем код
...
Старый
Рейтинг: 5.00. Голосов: 1.
Инструкция установки SFML.NET для работы с 2D графикой на C# .NET Core на Windows, Linux и Mac
Запись от 8Observer8 размещена 23.05.2020 в 22:14 / Блог 8Observer8
Показов 12598 Комментарии 1
Метки .net, c#, sfml
Содержание блога

Инструкция была написана для темы: Mac OS. Как рисовать графики?

SFML умеет загружать шрифты, рисовать текст и многое другое. В качестве легковесный редактора кода я использую VSCode, который работает на Windows, Linux и Mac. Прочитайте официальную инструкцию: https://code.visualstudio.com/... ges/dotnet...
Старый
Рейтинг: 5.00. Голосов: 1.
Пошаговая инструкция. Выставление Origin в центр модели и центр координат в Blender
Запись от 8Observer8 размещена 16.05.2020 в 14:27 / Блог 8Observer8
Показов 71358 Комментарии 0
Метки blender
Содержание блога

Origin - это точка модели относительно которой происходят трансформации с координатами вершин примитивов модели.
  • В Blender'е кликните левой кнопкой мыши по модели, чтобы выделить её
  • Перейдите в режим "Edit Mode" с помощью нажатия клавиши "Tab"
  • Кликом мыши по вершинам выделите две противоположенные вершины,
...
Старый
Рейтинг: 5.00. Голосов: 1.
Makefile для сборки примера на движке Urho3D с помощью MinGW 32 bit
Запись от 8Observer8 размещена 14.05.2020 в 13:47 / Блог 8Observer8
Показов 2146 Комментарии 1
Метки mingw, urho3d
Содержание блога

Добавлено 1.04.2023. Развитие Urho3D было прекращено. Официальный репозиторий был заархивирован владельцем 25.01.2023. Официальный форум был удалён и перенесён в архив. В readme на официальном репозитории написано, что от Urho3D образовалось два активных fork'а: Dviglo и Turso3D:

Активная работа над движком без сохранения обратной совместимости ведётся в форке Dviglo.

The founder of Urho3D (Lasse Öörni) is currently working on Turso3D.
...
Старый
Рейтинг: 3.00. Голосов: 2.
Пример Makefile для компиляции с помощью gcc и MinGW оконного приложения на SDL2 и Си
Запись от 8Observer8 размещена 07.05.2020 в 02:30 / Блог 8Observer8
Показов 3110 Комментарии 0
Метки c, mingw
Содержание блога

Исходники и EXE: rectangle-sdl2-clang.rar (406.6 Кб)

Покажу пример создания окна на SDL2, на котором будет рисоваться зелёный прямоугольник. Покажу, как подключать библиотеку и инклуды в простом Makefile для компиляции на Windows с помощью gcc.

Скачайте библиотеку SDL2-devel-2.0.12-mingw.tar.gz (MinGW 32/64-bit) (ссылка взята с официального сайта: https://www.libsdl.org/download-2.0.php). После разархиварования вы найдёте...
Старый
Рейтинг: 5.00. Голосов: 1.
Функция определения победителя и unit-тесты для неё для игры Крестики-нолики на Python
Запись от 8Observer8 размещена 28.04.2020 в 20:31 / Блог 8Observer8
Показов 2935 Комментарии 0
Метки python, unit-test
Содержание блога

grid.py

Python
1
2
3
4
5
6
7
8
9

grid = [
    [" ", " ", " "],
    [" ", " ", " "],
    [" ", " ", " "]]
 
def is_winner(player):
    return (
        # Rows
        grid[0][0]
...
Старый
Рейтинг: 5.00. Голосов: 1.
Рисование геометрических фигур на плоскости с помощью Canvas API и JavaScript ES5
Запись от 8Observer8 размещена 27.04.2020 в 15:06 / Блог 8Observer8
Показов 2628 Комментарии 0
Метки canvas, javascript
Содержание блога

Скачать исходники: triangle-square-disk-canvas2d-es5.rar (12.5 Кб)
Запуск в песочнице и просмотр кода: https://plnkr.co/edit/XqVPPW2HKQKayvUM?preview

index.html

PHP/HTML
1
2
3
4
5
6
7
8

<!doctype html>
 
<html>
    <body>
        <canvas id="myCanvas" width="300" height="300" style="border: 1px solid black"></canvas>
 
        <script>
            var canvas
...
Старый
Рейтинг: 5.00. Голосов: 1.
Загрузка текстурированно­й 3D модели из OBJ-формата в WPF, C#, OpenGL 3.3
Запись от 8Observer8 размещена 26.04.2020 в 19:16 / Блог 8Observer8
Показов 4253 Комментарии 0
Метки .net, c#, gamedev, opengl, wpf
Содержание блога

Скачать исходники: ObjLoader_OpenGL33WPF.zip (5.46 Мб)
К записи прикреплён скриншот экспорта из Blender. Должна стоять галочка, что модель будет триангулирована.

MainWindow.xaml

XML
1
2
3
4

<Window x:Class="ObjLoader_OpenGL33WPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
...
Старый
Рейтинг: 5.00. Голосов: 1.
Вывод текста и геометрических фигур на плоскости с помощью Canvas API и языка TypeScript
Запись от 8Observer8 размещена 26.04.2020 в 17:12 / Блог 8Observer8
Показов 2430 Комментарии 0
Метки canvas, typescript
Содержание блога

Перевёл один в один SFML C++ пример на Canvas API и TypeScript:
Как собрать из консоли:
  • Заходим в каталог проекта из консоли и вводим команды:
  • npm install
  • http-server
  • В браузере: localhost:8080

Замечание. Должны быть установлены: Node.js, TypeScript и HTTP Server. Установка глобально:
npm typescript http-server -g
Исходники

HTML5
1

<canvas id="renderCanvas"
...
Старый
Рейтинг: 5.00. Голосов: 2.
Вывод текста и геометрических фигур на плоскости с помощью библиотеки SFML и языка C++
Запись от 8Observer8 размещена 25.04.2020 в 18:54 / Блог 8Observer8
Показов 3211 Комментарии 1
Метки c++, sfml
Содержание блога

Скачать проект для Visual Studio: DrawText_SfmlCpp.zip (5.21 Мб). Библиотека SFML подключена и проект должен запуститься без каких-либо дополнительных действий, то есть вы скачиваете проект, открываете его в VS и сразу запускаете, без самостоятельного подключения библиотек. Можете посмотреть в настройках, как я подключал библиотеки по относительным путям.

main.cpp

C++
1
2
3
4

#include <iostream>
#include <SFML/Graphics.hpp>
 
int main()
...
Старый
Рейтинг: 5.00. Голосов: 3.
Пример рисования шахматной доски, загруженной из obj-формата, на C++, OpenGL 3.1, SDL2
Запись от 8Observer8 размещена 18.04.2020 в 11:44 / Блог 8Observer8
Показов 11895 Комментарии 0
Метки c++, gamedev, opengl
Содержание блога

Скачать проект для Visual Studio с подключёнными библиотеками: ChessBoard_SDL2OpenGL31Cpp.zip

Проект должен запускаться в VS2012-VS2017 (x86 и x64). Все нужные включены в проект (лежат в папке Libs) и подключены по относительному пути. В архиве находятся проекты для Blender и GIMP в папке "GimpBlenderProjctFiles".
...
3 из 9 « 12 3 4567 »
Новые блоги и статьи
Программа опроса у.з. расходомера SLS-720F
Argus19 02.09.2026
Программа опроса у. з. расходомера SLS-720F Программа опрашивает один раз в минуту три ультразвуковых расходомера SLS-720F через интерфейс RS-485 по протоколу Modbus RTU. Опрашиваются регистры. . .
Hyper-V: Компьютер должен поддерживать доверенный платформенный модуль 2.0.
Maks 31.08.2026
При установке Windows 11 на виртуальную машину Hyper-V 2-го поколения вылезла такая ошибка: Решение: в параметрах виртуальной машины, в разделе "Безопасность" (Security) активировать флаг. . .
Архитектура биовида Стива в Майнкрафте: Зачем бонобо кубический каннибализм
anaschu 30.08.2026
Кубический Вагинокапитализм в Minecraft: Математический инвариант ОДУ и рок Стивов-бонобо Главная задача разработанной «Модели Всего» — наглядно продемонстрировать наличие системной «судьбы». . .
Оттачиваю умение писать js программы.
russiannick 30.08.2026
Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют. . .
мат медиц модель 30. презентация проекта
anaschu 27.08.2026
хоп хоп хоп хидахоп, а я кладую))
 Как у меня протекала болезнь
zorxor 27.08.2026
Здравствуйте, друзья! Эта запись блога предназначена именно для вас - для моих дорогих друзей, которые знали меня лично. Чтобы ответить на вопрос - а что же со мной произошло на самом деле? Я учился. . .
Нашел вот забавное видео о измерениях. Лучшее что я видел на эту тему
kumehtar 26.08.2026
ILETXiw9bMQ Основная суть и тезисы по измерениям: 0D (Нулевое измерение): точка, не имеющая длины, ширины, высоты или объема. Объект не может перемещаться в 0D. 1D (Первое измерение):. . .
[EasyBuilder Pro] Памятка по разработке для панелей Weintek
ФедосеевПавел 26.08.2026
Памятка по разработке для панелей Weintek ВВЕДЕНИЕ Ранее, при реализации проектов основное внимание уделял разработке управляющей программы для контроллера, а панели оператора доставалось время. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru